Solved

margins on top menu  links wordpress

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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Changing Two Areas of a Page 5 26
Box Locations 6 20
Wordpress Cron - Send XML Data to external server FTP 3 22
Javascript 2 21
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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 set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

856 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