WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Change colour of wrapper (13 posts)

  1. no_position
    Member
    Posted 1 year ago #

    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...

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  3. Mohd Rafie
    Member
    Posted 1 year ago #

    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 :)

  4. no_position
    Member
    Posted 1 year ago #

    Wow, thank you both for fast responses! Here is a link http://www.lillamilo.se/

  5. Mohd Rafie
    Member
    Posted 1 year ago #

    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 :)

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  7. no_position
    Member
    Posted 1 year ago #

    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?

  8. Mohd Rafie
    Member
    Posted 1 year ago #

    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 :)

  9. no_position
    Member
    Posted 1 year ago #

    Great! Thank you both a bunch!

  10. Mohd Rafie
    Member
    Posted 1 year ago #

    Cool.

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

  11. no_position
    Member
    Posted 1 year ago #

    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?

  12. Mohd Rafie
    Member
    Posted 1 year ago #

    You can learn more about CSS here.

    Otherwise, you can change what you set here:

    body, #content .post p, #content p {
    color: #CCC !important;
    }
  13. no_position
    Member
    Posted 1 year ago #

    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.