Solved

margins on top menu  links wordpress

Posted on 2014-04-25
2
277 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 108

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
The purpose of this video is to demonstrate how to Import and export files in WordPress. 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 : Click on Too…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

863 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now