• Hi,

    I’m trying to edit the style.css file directly to make custom changes to the theme, but since it is the first stylesheet called in the head tag, the other bootstrap stylesheets automatically override the changes.

    I couldn’t find in the theme where the list of CSS files are called, and I don’t want to have to put ‘!important’ after every style I create – any suggestions?

Viewing 4 replies - 1 through 4 (of 4 total)
  • *removed*

    Sorry – I commented on the wrong post.

    BUMP
    Having the same issue….

    Can you post examples of the styles that are being overridden by the other stylesheets? You may need to be more specific in the CSS

    Sure can.

    I’ve used Chrome to Inspect the element and taken the “overriding” css straight from it and put it in the child theme style.css

    It looks like it gets overridden by the code found in verbo/media/css/

    The code that made me aware of this was when I tried to get the footer coloured right in a school website. https://www.arakura.school.nz

    The code I had added to the child theme style.css is as follows:

    footer aside{
        background:none;
        padding: 60px 0px 20px 0px;
        border-top: 1px solid #e4e4e4;
    }

    The reason behind wanting background:none, is because I’ve attached a background image to the “footer” tag, but this is then blocked out by footer aside.
    The background for footer aside is for some reason defined within the index file itself when the theme calls wp_footer(). Not sure why this is (and if you have a fix for this, or know what calls this, I’m all ears – though for now I’m more than happy just putting an !important on my style.css file).

    But what brought the overriding stylesheets to my attention was when I tried to change the border-top colour. As you can see, I’ve tried to make it #e4e4e4, but when I inspect the element, footer.css has overidden it with the default #f2f2f2.

    I have tried creating a media/css/footer.css file inside the child theme, with no avail. It still fetches the styles for footer.css from the parent theme ‘verbo’.

    Hopefully all of this makes sense.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘style.css changes overrode’ is closed to new replies.