• Hi!
    I want my background for content, the footer, header and site title section semi-transparent.

    How can I make this with the Custom CSS?!

    Thanks for your help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You can use rgba or opacity declaration for background-color

    for example

    div { background-color: rgba(255,0,0,1); }

    or

    div { background-color: rgb(255,0,0); opacity: 1; }

    Thread Starter Bastilicious

    (@bastilicious)

    Thank you so far. But now all sections are colored in red.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You need to link the website in question if you want a specific CSS example

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you want a translucent background use CSS3 “rgba” https://css3generator.com/

    I just gave you the example.
    You need to declare your choice of color and opacity. Opacity can be anything between 0 to 1 (i.e. 0.5 for 50% transparency)

    Hi,

    I would like to have a white background that’s translucent so i can be able to see through to my back ground. opacity of 70% would be good.

    Any idea how to do that?

    Hi ZOOM1881,

    You need to add Custom CSS for that and the way to add that is
    Go to Appearance -> Theme Options -> Design -> Custom CSS
    And paste the below code and if you want more transparent than you can change the opacity 0.8 to your desired and 255 color numbers as your desired

    #page{
      background: rgba(255, 255, 255, 0.8);
    }

    Regards
    chhabi

    Hi chhabi,

    Thank you so much!

    It works well!!!

    Really love it.

    Thank you! ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Semi-transparent background for content’ is closed to new replies.