Joomla Templates Club 406,261 posts

[lotushost Friend lotushostJoin date: March 2008Posts: 35Downloads:0Uploads:7 Thanks: 15]

#137955

Hello,

Trying to extend the size of the main menu width. Look at the calendar that I have there. “Sun” is cut off because the main menu width size is not big enough to make the whole module viewable.

Anyone know how to change the size of the main menu width?

thanks!

Terry

P.S. See picture. Using Joomla 1.5.9

---

Attachments:

1. 

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#290374

i might be able to help if u provide me with a link to your site online

[lotushost Friend lotushostJoin date: March 2008Posts: 35Downloads:0Uploads:7 Thanks: 15]

#290464

thanks!

its http://www.qcsainc.com

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#290471

in your template.css change the item in red

line 522
#ja-col1 div.ja-innerpad, #ja-col2 div.ja-innerpad {
padding:2px 2px 0;
}

still slightly cut off but you can already see sunday.

do let me know if u need to shift it further tho it will involve much more changes

1 user says Thank You to jsliao for this useful post

1. lotushost

[lotushost Friend lotushostJoin date: March 2008Posts: 35Downloads:0Uploads:7 Thanks: 15]

#290483

thanks for the quick reply! Just have a question though. If I wanted the whole thing to show, do you think it is possible to shrink the article menu on the left?.

If not, how much more do we have to do to see it all?

thanks!

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#290558

in your template.css find the following and change the values in red

#ja-containerwrap-c #ja-container-inner {
background:transparent url(../images/vdot2.gif) repeat-y scroll 76% 0;
}

#ja-containerwrap-c #ja-colwrap {
width:23%;
}

[lotushost Friend lotushostJoin date: March 2008Posts: 35Downloads:0Uploads:7 Thanks: 15]

#290561

I tried this already with Firebug. I attached the image to what it did to my articles on the left. Isn’t there any way to just move the “dotted divider line” over to the left?

---

Attachments:

1. 

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#290564

#ja-containerwrap-c #ja-container-inner {
background:transparent url(../images/vdot2.gif) repeat-y scroll 76% 0;
}

the above should move the dotted line. if u wish to move it more, just reduce 76% to the necessary size

[lotushost Friend lotushostJoin date: March 2008Posts: 35Downloads:0Uploads:7 Thanks: 15]

#290574

Yup, thanks! After messing around with those 2 different codes your showed me, I was able to get the achieved outlook that I wanted.

But do you or anyone else know how to actually increase the width of the main menu module? If you look at the calander, the black line border does not extend to the right side. After playing with the settings of the other codes I know that it is there.

thanks!

[imsleepy Friend imsleepyJoin date: January 2009Posts: 451Downloads:0Uploads:0 Thanks: 94 Thanked: 45 times in 1 posts]

#290575

This may be all wrong, I am not familiar with your template.

Find the module position your main menu is in such as user 1 or left or whatever it is. Try looking on your template.css for that module and see if it has a width specified. My guess is that several modules are controlled by the same css, but it’s worth looking. If you find the position you are looking for, try adjusting the width there.

[Author]

Posts