Joomla Templates Club 406,261 posts

[robhough Friend robhoughJoin date: May 2007Posts: 4Downloads:0Uploads:0]

#120674

Would someone please help me increase the width of the (left) vertical menu on Antares?

See http://76.12.14.164/

I am trying to keep the long menu items on one line each.

Thank you in advance. Great product.

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#221578

Open template_css.css file, search following classes:


#ja-mainnav {
width: 20%;
clear: both;
float: left;
height: 210px;
border-bottom: 5px solid #C0C0C0;
}

and


#ja-banner {
float: right;
width: 78%;
overflow: hidden;
border-bottom: 5px solid #3F89C3;
height: 210px;
background: url(../images/header/a.jpg) top left no-repeat;
}


You could increase the width of #ja-mainnav and reduce the width of #ja-banner (Eg: to 40% and 58%).

[robhough Friend robhoughJoin date: May 2007Posts: 4Downloads:0Uploads:0]

#221588

Excellent! Thank you very much. That makes quite a difference. I appreciate you taking your time to help me.

[robhough Friend robhoughJoin date: May 2007Posts: 4Downloads:0Uploads:0]

#221592

I also need to change the width of the rest of the left column and align the main content under the banner. Am I looking at ja-leftcol in the CSS? If you have time, this should be my last question on this. Again, the site is:

http://76.12.14.164/

Thanks again!

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#221623

Hi,

It is quite complicated to change the width of left column. Please find change the width of following style (increase left width and reduce content width)


/*Change the width of left and main content column when there is right column*/
#ja-mainbody #ja-content {
float: right;
width: 70%;
padding-right: 2.5%;
}

#ja-leftcol {
float: left;
width: 25%;
}

/*Change the width of left and main content column when there is no right column*/
#ja-mainbody-fr #ja-content {
float: right;
width: 77.5%;
}

#ja-mainbody-fr #ja-leftcol {
width: 20%;
}

[robhough Friend robhoughJoin date: May 2007Posts: 4Downloads:0Uploads:0]

#221624

That’s perfect. Thank you very much for your time. It’s hard for me to tell which classes apply to which areas of the template.

[Author]

Posts