...

View Full Version : Resolved spacing in navigation



hash899
11-28-2008, 06:01 PM
hi, i got this wordpress theme that has huge spacing in between the navigation links and the side bar links. as you can see here http://phantom-subs.co.cc/

the css is at http://phantom-subs.co.cc/wp-content/themes/metamorph_tropicforest/style.css

i tried everything i know, which isn't much, but i can't figure out how i can reduce the spacing in between the links.

I would really appreciate the help

Excavator
11-28-2008, 06:21 PM
Hello hash899,
Have a look where the width of li a is set -
#menu a {
float: left;
width: 139px;
height: 32px;
display: block;
text-align: center;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}

#menu a:hover {
width: 139px;
height: 32px;
color: #ff0000;
text-decoration: underline;
}

hash899
11-28-2008, 06:45 PM
Hello hash899,
Have a look where the width of li a is set -
#menu a {
float: left;
width: 139px;
height: 32px;
display: block;
text-align: center;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}

#menu a:hover {
width: 139px;
height: 32px;
color: #ff0000;
text-decoration: underline;
}

thank you so much it fixed the header but how do i fix the spacing between the links on the right bar navigation. where it says forum, projects and staff

Excavator
11-28-2008, 07:13 PM
Well, that's what size your buttons are... http://phantom-subs.co.cc/wp-content/themes/metamorph_tropicforest/images/title.gif

They are loaded as a background for h3 in your right column with this bit of CSS -
#right H3, h2.widgettitle
{
width: 222px;
height: 24px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 12px;
text-transform: uppercase;
color: #FFFFFF;
background: url(images/title.gif) repeat-x/**not sure why that would be repeated**/
}

You also have a class on that h3 that your not styling in CSS-
<div class="menu"> <h3 class="menu-header">Pages</h3> <ul>

<li class="page_item page-item-7">

hash899
11-28-2008, 07:26 PM
i was talking about this part here

http://img117.imageshack.us/img117/1484/94468424kp9.jpg

the space in between those links

Apostropartheid
11-28-2008, 07:38 PM
Then you should probably stop using vertical padding on #right li (currently you have it as 10 pixels in all directions.)

hash899
11-28-2008, 07:59 PM
Then you should probably stop using vertical padding on #right li (currently you have it as 10 pixels in all directions.)

u guys been awesome thanks so much for the help



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum