Solved

wordpress link

Posted on 2014-04-25
3
403 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 109

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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
mysql date time 14 32
Cookie not unsetting 7 20
filter portfolio grid display on page load (wordpress) 7 20
tiny glitch in my main slider 3 24
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…
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.
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 viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

831 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