Joomla Templates Club 406,261 posts

[collinsg Friend collinsgJoin date: November 2007Posts: 15Downloads:0Uploads:3]

#149601

Where is it in .css to reduce the size of the image that is behing the menu items. It currently runes left to right for the whole width of the screen. I would like to make it the same size as the my main logo, which is currently 977px in legth.

Any Help would be great!!!

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#336736

Hi collinsg

I am sorry but i don’t create your requirement.

could you let me know in detail?

[collinsg Friend collinsgJoin date: November 2007Posts: 15Downloads:0Uploads:3]

#336776

At the very top, where “Home” , “Typography”, “Navigation” there is a grey back ground. Currently that greay background goes the width of the screen, i would like to make it smaller

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#336867

Hi you

to solve your issue, please try with my way:

open templates/ja_rasite/css/template.css file, find following code section:

/* Main Nav ---*/
#ja-mainnav {
background: url(../images/mainnav-bg.gif) repeat-x left top;
font-family: Tahoma, Verdana, Tahoma, sans-serif;
height: 46px;
line-height: 1;
padding-top: 10px;
position: absolute;
top: 0;
z-index: 900;
}

you create other image background with your static width and then replate mainnav-bg.gif image, change repeat-x to no-repeat, left top to center top.

The below is result:

/* Main Nav ---*/
#ja-mainnav {
background: url(../images/your_background_image .gif) no-repeat center top;
font-family: Tahoma, Verdana, Tahoma, sans-serif;
height: 46px;
line-height: 1;
padding-top: 10px;
position: absolute;
top: 0;
z-index: 900;
}

[Author]

Posts