Joomla Templates Club 406,261 posts

[brandon12 Friend brandon12Join date: June 2006Posts: 101Downloads:0Uploads:0]

#117603

split menu (choice 1 in css file)

main and sub menus

the words are spaced too much in the middle

main menu: I want less space between the words and sides of tabs…not space between actual tabs
sub menu: I want less space between the words, the words (links) are too far apart

Been looking in CSS just can’t find it.

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#211553

Hi barbara12,

You can change the space between the words and two side of the tabs here:


#ja-splitmenu a {
float: left;
margin: 0 2px;
padding: 0 0 0 4px;
text-decoration: none;
text-align: center;
}

...

#ja-splitmenu a span {
float: left;
padding: 7px 15px 6px 11px;
display: block;
color: #666666;
}

As see in the CSS above, you may notice that the right space is 15px, and the left space is 4px + 11px = 15px. If you want to change it to 10px, the CSS should be as below:


#ja-splitmenu a {
float: left;
margin: 0 2px;
padding: 0 0 0 4px;
text-decoration: none;
text-align: center;
}

...

#ja-splitmenu a span {
float: left;
padding: 7px 10px 6px 6px;
display: block;
color: #666666;
}

—————————————————–

For the submenu, you can change the space between two item here:

#ja-subnav a {
padding: 5px 4px 3px;
margin: 0 23px 0 2px;
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
}

As see in the CSS above, you may notice that the space is 25px. If you want to change it to 20px, the CSS should be as below:

#ja-subnav a {
padding: 5px 4px 3px;
margin: 0 18px 0 2px;
float: left;
display: block;
color: #FFFFFF;
text-decoration: none;
}

Hope that helps! 🙂

Best regards,

Hieu Nguyen
JoomlArt Development Team

[brandon12 Friend brandon12Join date: June 2006Posts: 101Downloads:0Uploads:0]

#211555

worked! thanks

i didn’t look in the css just for the splitmenu, thanks

[Author]

Posts