Problem changing site colors style.css

  • razrwire999

    (@razrwire999)


    6 years, 10 months ago

    I am having problems modifying the style.css file in my website. I am trying to change the colors of my website’s navigation bar and the hover but it doesn’t seem to be working. I have tried changing the css code for the navigation bar in my style.css file but whenever I update my website nothing seems to be different in the browser. It looks exactly the same as when I had the original css color codes.

    I am currently using the theme Chronicles. I have also tried using Twenty Seventeen

    I have tried using different themes and have tried playing around with the css color codes of the navigation bar but nothing seems to be different. I using WordPress 5.2.1 and am using File Zilla as the means to modify the style.css file and update it.

    Just to show you an example this is the following css color code that I have been trying to use. As you can see it is supposed to be dark red.

    nav.menu-primary { padding: 0; background: #8A1004; } nav.menu-primary .container { padding: 0; } nav.menu-primary .menu { border: none; text-align: left; padding: 5px 25px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav.menu-primary .menu a { color: #8A1004; } nav.menu-primary .menu a:hover { color: #8A1004; } nav.menu-primary .menu ul li a:before { color: #8A1004; } nav.menu-primary .menu li.page_item_has_children > a:after, nav.menu-primary .menu li.menu-item-has-children > a:after { border-top-color: #8A1004; } nav.menu-primary .menu li.current-menu-item > a { background: #8A1004;

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Felipe Velzani

    (@felipevelzani)

    6 years, 10 months ago

    Hi there,

    You should use a child theme, so you won’t lose it on future updates. You could also just put your CSS on Customizer.

    Still, You can use !important on your CSS. It will make sure that you get your CSS on these elements.

    Something like that:

    nav.menu-primary {
   background: #8A1004 !important;
}
    Thread Starter razrwire999

    (@razrwire999)

    6 years, 10 months ago

    Thanks! The !important worked! The theme I am using is supposed to be a child theme of the parent them “Broad Sheet.”

    sumitjaitelydigital

    (@sumitjaitelydigital)

    6 years, 10 months ago

    .site-title a {
    color: Red;
    }
    .site-description {
    color: #c100b4 !important;
    }
    .entry-meta, .entry-meta * {

    }
    .entry-title a{
    color: #007c74 ;

    }

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

The topic ‘Problem changing site colors style.css’ is closed to new replies.