Support » Themes and Templates » Change colour of wrapper

  • Resolved no_position


    Hi! Does anyone know how to change the colour of the wrapper? it’s black now, and id like it to be more like transparent. I can’t find it in the settings of my theme…

Viewing 12 replies - 1 through 12 (of 12 total)
  • Moderator Andrew Nevins


    If options are not available in the settings of your theme, you or someone will have to code the changes manually. It sounds as though you’ll need to code background-color in a stylesheet.
    If it’s a theme you’ve not had made custom for you, download the plugin Jetpack and use its Custom CSS functionality to hold your CSS changes.

    Hi there,

    Ideally, if you can give us a link to your site, we can advise you the CSS code that is needed to put in the Custom CSS as suggested by Andrew 🙂

    Wow, thank you both for fast responses! Here is a link

    Install the Jetpack plugin and use the Custom CSS module as suggested by Andrew and paste the following code:

    #main_wrap {
    opacity: 0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */

    I hope that helps. Kindly bear in mind that this is CSS3 and some old browsers might not support CSS3 🙂

    Moderator Andrew Nevins


    With CSS opacity, you may run into issues with child elements inheriting the opacity of their parent element. If you don’t want this, instead apply a background-image to #main_wrap. The background image should hold a translucent image of the opacity you want.

    wow, the jetpack is really helpful! Thank you! But you were right Andrew, for instance the youtube-video inherited the opacity :(. Did you mean that I should upload a code for a background image into the CSS? how do you do that?

    In this case, I will use a png image. The png image will have the transparent colour 🙂

    #main_wrap {
    background: transparent url("url-of-the-uploaded-transparent-bg.png") top left repeat !important;

    Hope that solve the need 🙂

    Great! Thank you both a bunch!


    Once it is good, kindly mark this topic as resolve so that other people can benefit it. Cheers!

    Great, I will, maybe this is kinda offtopic, but it might be something for the css-editor aswell. But when i changed the wrapper, my text got pretty hard to read, grey-on-white was not optimal 🙂 can i change fonts and colours of texts in this editor aswell?

    You can learn more about CSS here.

    Otherwise, you can change what you set here:

    body, #content .post p, #content p {
    color: #CCC !important;

    Thank you!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Change colour of wrapper’ is closed to new replies.