Inline css creating issues

  • SJW

    (@whitsey)


    8 years, 1 month ago

    generatepress dumps a lot of default css inline in the page.

    I have not change ANY colours in customize, but one of the default settings has put:

    .main-navigation .main-nav ul .current-menu-item > a:hover {
    color: #FFFFFF;
    background-color: #3f3f3f;
    }

    This results in a background hover effect of black (which totally does not match my colour scheme.

    I have tried to overwrite in my child css but I can’t get enough specificity to override inline styles.

    I really want to avoid using !important because that is extremely poor coding.

    How can I stop generatepress loading css “defaults” so I can use my own colours?

Viewing 1 replies (of 1 total)
  • Theme Author Tom

    (@edge22)

    8 years, 1 month ago

    Hi there,

    Having the CSS up there is the same as having it load in a file, but your browser doesn’t have to load the extra file.

    If you’re using a child theme or a custom CSS plugin (https://wordpress.org/plugins/simple-css/), it will load your CSS after the defaults, making yours more important.

    This means you just have to match the default selector for yours to be read instead of the default.

    Let me know if that works or not – if not, let me know the URL to your site and I’ll look into why it’s not working 🙂

Viewing 1 replies (of 1 total)
  • The topic ‘Inline css creating issues’ is closed to new replies.