Odd WordPress css, overriding actual style.css?

  • Resolved inked_koi

    (@inked_koi)


    9 years, 10 months ago

    I’m customizing a theme, Travelify, on my localhost and I’m running into a peculiar issue with css.

    I am trying to remove the background within a couple of divs, but for some odd reason there is a wordpress:61 (any number really) that is completely overriding the style.css.

    Below is a screenshot from the Web Inspector, if you look to the right you’ll see .wrapper – wordpress:58 and then below that the actual .wrapper css shows background-color:none;

    Screenshot link to imager

    Has this happened to anyone else, how can I override it?

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

    (@girlieworks)

    9 years, 10 months ago

    Hi, @inked_koi! The 61 (and the 58, etc.) is the line number in the file, and since you’ve got the site installed in a folder named wordpress, then wordpress:61 suggests to me that the CSS rule is actually an inline style — meaning, it’s present right within the HTML source of the page you’re viewing, rather than being located in a separate file that’s called by that page.

    Does that make sense?

    cedcommerce

    (@cedcommerce)

    9 years, 10 months ago

    Hi inked_koi, in theme Travelify, to remove the background, you can try using div.wrapper { background: none; } OR div.wrapper { background-color: transparent;} in style.css
    Hope this will help you.
    Thanks

    Thread Starter inked_koi

    (@inked_koi)

    9 years, 9 months ago

    I heard back from the theme’s designer and what ended up working was:

    .wrapper {
    background: none !important;
    }

    I guess it was the !important; that made it work.

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

The topic ‘Odd WordPress css, overriding actual style.css?’ is closed to new replies.