Removing pseudo-elements from theme

  • Resolved tinywolves

    (@tinywolves)


    11 years, 2 months ago

    I have a blog i am working on here: http://www.tinywolf.uk.

    I am editing the twenty-fifteen theme using a child theme, my aim is to replace the header and footer with the ones from the parent site, tinywolf.uk, and hav hte blog content in the middle.

    At the moment i’m having some trouble with pseudo elements appearing in the page. in particular there is a white rectangle visible below the header and behind the first post on larger resolutions.

    how do I get rid of this, as i’m unable to track it down using firebug.

    Is there a “map” of the theme somewhere so i know what’s in it and how to remove elements if necessary?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter tinywolves

    (@tinywolves)

    11 years, 2 months ago

    apologies, the blog address is http://www.tinywolf.uk/blog

    CrouchingBruin

    (@crouchingbruin)

    11 years, 2 months ago

    It’s not a pseudo-element that is responsible. You need to set the background of the body element to transparent, because the background image is part of the HTML element. Add this rule to your child theme’s style.css file:

    body {
   background: transparent;
}

    Thread Starter tinywolves

    (@tinywolves)

    11 years, 2 months ago

    Great, that’s really helpful. Thanks. I now just have a few styling issues where the parent theme css seems to be ovverriding my header and footer css.

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

The topic ‘Removing pseudo-elements from theme’ is closed to new replies.