Joomla Templates Club 406,261 posts

[natescape Friend natescapeJoin date: September 2008Posts: 31Downloads:0Uploads:0 Thanks: 8]

#133811

Hi all. I’d like to take away some of the space to the right and left of the text in the header links, but I can’t figure out where in the CSS to make the change. Ideas?

Thanks!

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#272745

Header links? Not sure what you are describing. The menu? The logo? The color changer?
Can you provide a screenshot of what you are wanting to have done?

Thanks,
john.

[natescape Friend natescapeJoin date: September 2008Posts: 31Downloads:0Uploads:0 Thanks: 8]

#272747

Sure, it’s for this site, and I’m referring to the HOME | FORUM | EVENTS links at the top.

Thanks!

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#272895

Gotcha…easy hack.

In ja.transmenu.css (line 121)

Change from this:


#ja-transmenu li a {
border-right:1px solid #333333;
display:block;
float:left;
padding:0 25px;
text-align:center;
text-decoration:none;
}

To this:


#ja-transmenu li a {
border-right:1px solid #333333;
display:block;
float:left;
padding:0 14px;
text-align:center;
text-decoration:none;
}

That will make the menu nearly perfect….course if you add more menu items you’ll need to reduce it further. But be careful as you can only go so far before the little drop down menu arrow will get pushed behind the text.

Have fun.
John.

1 user says Thank You to John Wesley Brett for this useful post

1. natescape

[natescape Friend natescapeJoin date: September 2008Posts: 31Downloads:0Uploads:0 Thanks: 8]

#272906

Thanks a ton! I didn’t even know that CSS file existed.

[Author]

Posts