Solved

wordpress link

Posted on 2014-04-25
3
398 Views
Last Modified: 2014-04-25
Hi,

I have a wordpress link in the primary menu twentyfourteen.  The below code changes the link background but not foreground as it stays green and not red?



.menu-item-26
{
background-color:blue;
color:red;

}
0
Comment
Question by:jagguy
3 Comments
 
LVL 108

Expert Comment

by:Ray Paseur
ID: 40022442
In the CSS cascade you may find that the anchor tag is the thing with the most "immediate" styling, and changing the menu that wraps the anchor does not change the anchor itself.  In other words, the background-color applies to the menu-item-26 tag but the only text inside that element is styled somewhere else because it is a different tag.
0
 

Author Comment

by:jagguy
ID: 40022508
Ok but how do I get this tag?


For example the tag for sample page link is menu-item-5 and where is the tag that styles the foreground?
http://www.mymrt.net/wordpress/
0
 
LVL 34

Accepted Solution

by:
Dan Craciun earned 500 total points
ID: 40022836
For your links you need to modify this:
.site-navigation a {
      color: #fff;
      display: block;
      text-transform: uppercase;
}

HTH,
Dan
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

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
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 prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

895 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

17 Experts available now in Live!

Get 1:1 Help Now