Support » Themes and Templates » Change page background – front static page – responsive theme

  • RichGresswell

    (@richgresswell)


    I’m using the responsive theme for my blog http://musicenglish.co.uk

    I’ve set up a subdomain http://worksheets.musicenglish.co.uk and then using a page as a static page for the front page. I’m really confused as to why I’m getting a transparent background with the image showing behind it. I just want a plain white page like all my others. Could someone help me to change the css or whatever is required to give this page the same background as the other posts / pages. Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Are you running a separate install of WP for http://worksheets.musicenglish.co.uk ?

    If you are, you need to make a change to the css. The theme you currently use is set up to have the background of the “home” page transparent. I recommend creating a child site before you make changes if you have not changed anything in the css before as it will keep your design “safe” from updates.

    The code you need to change is .home #wrapper – the background needs to be white:

    .home #wrapper {
        background-color: #ffffff;
        border: medium none;
        margin: 20px auto;
        padding: 0;
    }

    Thread Starter RichGresswell

    (@richgresswell)

    Thank you for your help. Have a look if you have chance http://worksheets.musicenglish.co.uk/

    Yes it is a separate install – it’s a subdomain because i wanted a different taxonomy. How do I get padding as shown on the other pages e.g. http://musicenglish.co.uk/contactm/

    Thank you so much – really appreciaed 😉

    Best wishes
    Richard

    I recommend that you use firefox and the plugin firebug to look at the css and find the differences between each of the pages – this is how i have answered your issues. Specifically i looked at the #wrapper container to get the right css for the .home #wrapper container.

    change the above .home #wrapper to this:

    .home #wrapper {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    margin: 20px auto;
    padding: 0 20px 20px;
    }

    Good Luck

    Thread Starter RichGresswell

    (@richgresswell)

    Thank you so much for all your advice. I’ve been using the Google chrome ‘inspect element’ tool so far but find it tricky to understand.
    Best regards
    Richard

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Using Chrome’s developer tool, I’ve exposed the CSS causing a transparent background [screenshot]

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change page background – front static page – responsive theme’ is closed to new replies.