Change Color of Sub-Page in Navigation Bar?

  • Resolved rosscgeller

    (@rosscgeller)


    11 years, 9 months ago

    I am trying to change the color of the sub-page in the navigation bar. For example on my page ( https://plei.org/ ) the Newsletter Page has a sub-page with the previous newsletters. I was able to change the entire theme color in the style.css but I want the parent pages to remain this color, and the sub-pages to be more of a slate black with still white text.

    I am a bit of a novice so I am sorry if the wording is incorrect.

    Thanks in advance for the help.

    Notes:
    Already have a child theme set up
    Used filezilla to d/l all files so if I need to edit there I can

Viewing 2 replies - 1 through 2 (of 2 total)

  • First you need to remove the copy of the parent theme stylesheet from the child theme style.css file. A child theme should only have CHANGES made to CSS.

    So just this:

    /*
Theme Name:     BlogoLife Child
Description:
Author:         rosscgeller
Template:       blogolife

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../blogolife/style.css");

    then your changes.
    To change the drop-downs, add this:

    nav ul ul li a {
    color: green;
}
nav ul ul li {
    background-color: blue;
    margin-bottom: 0;
}

    Change the colors to what you want…

    Thread Starter rosscgeller

    (@rosscgeller)

    Awesome! Thank you so much YPyogi! Worked just like I wanted it to.

    -RG

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Color of Sub-Page in Navigation Bar?’ is closed to new replies.