WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Nav Bar Editing (5 posts)

  1. chase_staples
    Member
    Posted 1 year ago #

    I am using the Grisaille theme. Great theme, very versatile except I know the bare minimum on how to change items in the CSS. (basically how to figure out what is what and change color) I want to change the color for a single item in my nav bar but the code used is global and I don't know how to make it specific or where the html for each nav page (href="page_id" color= #ff00ff) is. Can this code be altered to specify a color for one of the tabs?
    a {
    color:#ffffff;
    text-decoration:underline;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
    }
    Thanks. I tried inserting a tab number and a #navbar li line but it didn't change anything

  2. If you look at the HTML source code, you will see that all links have classes associated with them. I would look and see which link has want and then apply a different colour to that link.

    If you can provide a link to your site and tell us which link you want to change we can help.

  3. chase_staples
    Member
    Posted 1 year ago #

    http://www.smokinvapor.com is the link. People Need To Know!! is the tab I want to change. http://www.smokinvapor.com/?page_id=15 I really appreciate you looking at this.

  4. chase_staples
    Member
    Posted 1 year ago #

    I have seen the source code but can't find which file generates that code to edit it specifically. If you know which php file has the nav item specific lines I can fix it from there. I just can't find those lines

  5. chase_staples
    Member
    Posted 1 year ago #

    If anyone needs to know:
    The issue was that my theme assigned all links one color. the code
    was
    a {
    color:#ffffff;
    text-decoration:underline;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;

    }
    where 'a' defined all of the links. to be specific in the code, I had to make the attributes for the link name override the previous instructions.
    The way to do that is this link right here:

    http://wordpress.org/support/topic/change-individual-page-title-color-on-navigation-bar

    made it very simple. copy the code and adjust the info to match.
    Worked perfect!!

Topic Closed

This topic has been closed to new replies.

About this Topic