Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

category spacing WordPress

  • SOLVED

www.sweetcitygirl.com

I'd like to adjust the spacing of my category names above the banner in order to have them spread out evenly across the top of the banner (without making the width bigger than 960)- right now there is a space after "about us" that I dont want there

I've asked this question before (see link below) but am still having the problem becausethe width was wider and the menu buttons would go beyond the banner size when users were using their iphone or any non stndard screen size

http://wpquestions.com/question/show/id/2136

Answers (3)

2011-06-27

Andrzej answers:

Try these:


.menu-navigation-container { width:960px; overflow:hidden; }
#main_navi_in ul {right:0;float:left;margin:0 -55px; }
#main_navi_in ul li {margin:0 41px;}


Andrzej comments:

Hey Santo, have you tried my soltution? How does it work for you? Are there any problems?


saint merc comments:

I replaced my script with yours but it didnt do the job was i supposed to do that


Andrzej comments:

Thanks for the reply.

That's a bit strage - I have tested it at my Firebug.

I can install it for you now, if you wish to send me your FTP login details via [[LINK href="http://wpquestions.com/user/profile/id/contact/id/530"]]private message[[/LINK]].

Thanks


saint merc comments:

did you take the other script out to make yours work


Andrzej comments:

I have just added this code to the end of the CSS so it overwrite whatever is used currently.

.menu-navigation-container { width:960px; overflow:hidden; }
#main_navi_in ul {right:0;float:left;margin:0 -55px; }
#main_navi_in ul li {margin:0 41px;}


Andrzej comments:

I just added the code. Make sure you remove the cache and see if it works as you intended?


saint merc comments:

I need all menu buttons on same line with out any space at the end of about us
you have put about us under dreeses i need it on the same line


Andrzej comments:

hmm, it's actaully on the same line at my Firefox 5.0/Windows. What browser/system are you using?


saint merc comments:

ie 9 and my iphone it dosnt work on both but i think your right it works on fire fox


Andrzej comments:

Ok, let me try something. I'll let you know once I finish.


Andrzej comments:

Should be Ok now - have a look.


saint merc comments:

good job thanks

2011-06-27

Rashad Aliyev answers:

change this codes on dropdownmenu.css you can changes padding values there.

http://www.sweetcitygirl.com/wp-content/themes/Emporium/library/css/dropdownmenu.css

#main_navi_in ul li a {
padding: 7px 15px;
display: block;
}


or you can use this code in your css.


#main_navi_in ul li a {padding: 7px 15px !important; display: block !important; }


saint merc comments:

I tried changing the padding but as soon as I increase the 15px the words "about us" goes underneath- take a look and the space is still there


Rashad Aliyev comments:

Hey friend you've got both of 2 css the same code.

http://www.sweetcitygirl.com/wp-content/themes/Emporium/library/css/dropdownmenu.css and http://www.sweetcitygirl.com/wp-content/themes/Emporium/skins/1-default.css

Please delete one of them and change the values of your padding. For example change it like this <strong>padding:5px 10px;</strong>

#main_navi_in ul li a { padding: 7px 15px; display:block; }

I've controlled you put there it without changing.


saint merc comments:

I deleted one of them and played around with the padding no luck


Rashad Aliyev comments:

if you increase your price I can make it for you.

2011-06-27

Kannan Sanjeevan answers:

I have posted the solution along with the screenshot at ( http://wpquestions.com/question/show/id/2136 ) but i think you have missed it.

Here is the screenshot
http://wpquestions.com/uploads/Kannan_php92F0iD.jpg



saint merc comments:

Yes it did work but i had the with at 1157 and the menu button "about us" would go off the layout on diffrent sreens so know im trying to fix it with the "with" at 960 an ideas