Making the pages appear semi-transparent over a background image

  • Resolved jonnayuna

    (@jonnayuna)


    7 years, 5 months ago

    To start: this is my first website I’ve built. I can manage with my intuition, but get lost in the technical language most times when I search for a solution. So I’m hoping someone can help me out.

    I want the site to have one background image (the mountains with sundown) and the different pages to appear over that image. Preferably a bit transparent so you can see the background image through it. I tried adding the picture in the header and add it as featured image on all pages, but the image just moves with the page while scrolling. Today I’ve installed the Fullscreen background image widget, but don’t see anything happening. I’ve also installed the WP overlays, but cannot figure out how to use that.

    Can anyone help me on my way again?

    The page I need help with: [log in to see the link]

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

  • Hello @jonnayuna,

    Go to the Appearance > Customize > Additional CSS (https://www.screencast.com/t/JSxqpr7lG) and paste code given below.

    .site-content-contain {
    background-color: rgba(255, 255, 255, 0.9);
}

    Best Regards.

    Thread Starter jonnayuna

    (@jonnayuna)

    Yay, awesome, thank you so much!

    Hello,

    i have been trying to do the same thing ??
    also quite new at this…
    for me the above did not work.
    I have tried to search the code to adapt the background colour or put a background image, but it does not seem to work.
    I tried to put featured images, but then the page text is much to low…
    I tried a few background plugins but none of them worked.
    i added the above code to my custom css, but it did not change a thing ??
    Which one dit you use Yuna?

    really getting lost at this point.
    thanks in advance for any help with this.

    xx Ga?lle

    ps: the site i am struggling with (www.templeoftheearth.org)

    Just noticed that i had to put the color scheme to custom!!
    of course …
    problem partly solved!
    My next question:
    is there a way to have a dark transparent theme? for now it is white and transparant. It would definitely be awesome.
    many thanks in advance for any tip on this.

    xx Ga?lle

    Thread Starter jonnayuna

    (@jonnayuna)

    Great question, I was trying to do the same, but then the transparancy disappeared…

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Making the pages appear semi-transparent over a background image’ is closed to new replies.