Solved

margins on top menu  links wordpress

Posted on 2014-04-25
2
281 Views
Last Modified: 2014-05-03
Hi,

To change links on wordpress  2014. I use this code  but margins and paddings does not effect the top menu horizontal menu and does effect the secondary menu.

I want to alter the margins,padding on top primary menu.
I want to be able to change the links with a css tag and not many tags as this is complicated.

.site-navigation a {
   
     margin:0;
     padding:0;
0
Comment
Question by:jagguy
2 Comments
 
LVL 34

Expert Comment

by:Dan Craciun
ID: 40024207
Since the top menu has a class of .primary-navigation, this is what styles it's links:

.primary-navigation a {
            display: inline-block;
            padding: 0 12px;
            white-space: nowrap;
      }

HTH,
Dan
0
 
LVL 109

Accepted Solution

by:
Ray Paseur earned 500 total points
ID: 40024578
Since you've had a few of these sorts of questions, it seems that some learning resources for WordPress and CSS would be useful:

http://www.amazon.com/Wordpress-Beginners-Step---Step-Creating/dp/1490532471/
http://www.amazon.com/Book-CSS3-Developers-Future-Design/dp/1593272863/
http://www.amazon.com/Learning-Web-Design-Beginners-JavaScript/dp/1449319270/

I own the first two and can recommend them personally.  I do not own Jennifer's book, but I have some of her other works, going back several years, and they are so well written that I would expect nothing less from this one.

A few minutes with a book can usually save you a few days of trial and error! ~Ray
0

Featured Post

ScreenConnect 6.0 Free Trial

Explore all the enhancements in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI, app configurations and chat acknowledgement to improve customer engagement!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question