• 401frankie

    (@401frankie)


    Hi Guys,
    I searched and searched for an answer before I posted this. Couldn’t find a clear answer. I even added firebug add-on to firefox and tried other stuff, but still couldn’t solve the issue.
    I want to color the navigation bar and the heading below it. The heading is not officially called “heading,” as in the dashboard selection. I don’t know what it is officially called. On my website it is “about the dog: prosthetic and orthotic residencies”.
    I am sure this is something under “Appearance-editor”
    https://www.databasedog.com/wordpress/
    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • kaniamea

    (@kaniamea)

    You can add this to your child style.css:

    .entry-header .entry-title {
        color: #00FF00; // this will change the title under the nav bar to green
    }
    
    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
        background-color: #00FF00; // this will change the nav bar to green
    }
    Thread Starter 401frankie

    (@401frankie)

    i dont have a child theme. I just tried to make one and it says my stylesheet is missing. I cant figure out why. I’m using Filezilla
    https://www.databasedog.com/wordpress/

    Thread Starter 401frankie

    (@401frankie)

    looks like this:
    /*
    Theme Name: Twenty Twelve Child
    Theme URI:

    https://databasedog.com/wordpress/twenty-twelve-

    child/
    Description: Twenty Twelve Child Theme
    Author: fabfrankie
    Author URI: https://databasedog.com/wordpress
    Template: twentytwelve
    Version: 1.0.0
    Tags: light, dark, two-columns, right-

    sidebar, responsive-layout, accessibility-ready
    Text Domain: twenty-twelve-child
    */

    @import url(“../twentytwelve/style.css”);

    /* =Theme customization starts here
    —————————————————-

    ———- */
    This stylesheet uses rem values with a pixel

    fallback. The rem
    values (and line heights) are calculated using two

    variables:

    $rembase: 14;
    $line-height: 24;

    ———- Examples

    * Use a pixel value with a rem fallback for font-

    size, padding, margins, etc.
    padding: 5px 0;
    padding: 0.357142857rem 0; (5 / $rembase)

    * Set a font-size and then set a line-height based

    on the font-size
    font-size: 16px
    font-size: 1.142857143rem; (16 / $rembase)
    line-height: 1.5; ($line-height / 16)

    Thread Starter 401frankie

    (@401frankie)

    I found this posted by a good samaritan:
    “If you used Notepad it is possible it added .txt to the end of your file … try this…rename it to style.css and you’ll be fine”
    when i went to rename it was in fact .txt. Child theme here I come!
    Now I will try your CSS kaniamea…

    Thread Starter 401frankie

    (@401frankie)

    Dear Kaniamea, It didnt work.
    Maybe I put it in the wrong place?

    /* Clearing floats */
    .clear:after,
    .wrapper:after,
    .format-status .entry-header .entry-title {
    color: #00FF00;
    }

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    background-color: #00FF00; //
    }:after {
    clear: both;
    }
    .clear:before,
    .clear:after,
    .wrapper:before,
    .wrapper:after,
    .format-status .entry-header:before,
    .format-status .entry-header:after {
    display: table;
    content: “”;
    }

    /* =Repeatable patterns

    kaniamea

    (@kaniamea)

    Hi Frankie,
    I don’t see the code I put above in your child theme. Please make sure you include it in your child style.css.

    Thread Starter 401frankie

    (@401frankie)

    Hi Kaniamea,
    it is in there, I just got rid of the part that says // this will change the title under the nav bar to green
    the addition: color #00F00 wasnt in the original css.
    Thanks,
    frankie

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘change color of navigation bar & the heading below it.’ is closed to new replies.