Joomla Templates Club 406,261 posts

[mckormick Friend mckormickJoin date: May 2007Posts: 5Downloads:0Uploads:0]

#137929

Hi

As default there are 2 horizontal lines that extend from the left and right ends of the main nav menu to the edge of the visible browser window.

How can I change the css so that they stop at the edges of the last menu nav buttons instead of continuing to the edge?

Many thanks!

[cjmicro Friend cjmicroJoin date: June 2008Posts: 501Downloads:3Uploads:0 Thanks: 198 Thanked: 81 times in 10 posts]

#290300

In the template.css change like this:

#ja-mainnavwrap {
background: #333333 url(‘/newsite/templates/japyrite/images/dk_gray_bg.png’);
font-family: “Arial”, Arial, helvetica, sans-serif;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 20px;
width:890px
}

make width whatever works for you. see the way this looks at http://www.neuaurashoes.com

Cheryl

[mckormick Friend mckormickJoin date: May 2007Posts: 5Downloads:0Uploads:0]

#290315

Hi – thanks for the reply but changing the width doesn’t seem to affect anything. In fact I deleted that line to see if it would make a difference and nothing changed?

The css I tried to change is highlighted below:

#ja-tpwrap a:hover, #ja-tpwrap a:active, #ja-tpwrap a:focus {

color: #FFFFFF;
#ja-mainnavwrap {
background: #333333 url(‘/newsite/templates/japyrite/images/dk_gray_bg.png’);
font-family: “Arial”, Arial, helvetica, sans-serif;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 20px;
width:700px
}

}

<em>@cjmicro 110799 wrote:</em><blockquote>In the template.css change like this:

#ja-mainnavwrap {
background: #333333 url(‘/newsite/templates/japyrite/images/dk_gray_bg.png’);
font-family: “Arial”, Arial, helvetica, sans-serif;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 20px;
width:890px
}

make width whatever works for you. see the way this looks at http://www.neuaurashoes.com

Cheryl</blockquote>

[Author]

Posts