Changing Navigation Font Colors on Lifestyle

Community Forums Forums Design Tips and Tricks Changing Navigation Font Colors on Lifestyle

This topic is: not resolved

This topic contains 1 reply, has 1 voice, and was last updated by  DL0817 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #12137

    DL0817
    Participant
    Post count: 1

    I’m trying to change the primary/secondary navigation font colors on my Lifestyle theme but seem to be stuck, I have skimmed through the CSS file over and over and changed lots of the color codes but can’t get it right. Can anyone point me in the right direction as to where I need to edit the CSS file to change these font colors?

    #12159

    DL0817
    Participant
    Post count: 1

    Okay so I figured out a way to do what I was trying to do but can someone tell me if I did this the correct way or if there was an easier way? Basically I went into the theme functions and created an additional color style option named “custom”, then I went into the CSS file and put in this code…

    /* Lifestyle Custom
    ———————————————————— */

    body.lifestyle-Custom {
    background-color: #FF0000;
    }

    .lifestyle-custom a,
    .lifestyle-custom a:visited,
    .lifestyle-custom #nav,
    .lifestyle-custom #nav li li a:hover,
    .lifestyle-custom #nav li li a:active,
    .lifestyle-custom #subnav li li a:hover,
    .lifestyle-custom #subnav li li a:active,
    .lifestyle-custom h1,
    .lifestyle-custom h2,
    .lifestyle-custom h2 a,
    .lifestyle-custom h2 a:visited,
    .lifestyle-custom #cat,
    .lifestyle-custom .widget_archive select,
    .lifestyle-custom .s,
    .lifestyle-custom .enews #subbox {
    color: #FF0000;
    }

    .lifestyle-custom h2 a:hover {
    color: #444;
    }

    .lifestyle-custom div.gform_footer input.button,
    .lifestyle-custom .enews #subbutton,
    .lifestyle-custom .reply a,
    .lifestyle-custom .reply a:visited,
    .lifestyle-custom .searchsubmit,
    .lifestyle-custom #submit {
    background-color: #FF0000;
    border: 1px solid #FF0000;
    }

    .lifestyle-custom div.gform_footer input.button:hover,
    .lifestyle-custom .enews #subbutton:hover,
    .lifestyle-custom .reply a:hover,
    .lifestyle-custom .searchsubmit:hover,
    .lifestyle-custom #submit:hover {
    background-color: #FF0000;
    border: 1px solid #FF0000;
    }

    .lifestyle-custom #footer-widgets,
    .lifestyle-custom #footer {
    background-color: #FF0000;
    }

    Now I can change these color codes to whatever and go into the genesis theme settings, select the color style “custom” and get the results I wanted.

    Was there an easier way to accomplish this?

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

You must be logged in to reply to this topic.