Scroll Opacity

  • Resolved dreamingsentinel

    (@dreamingsentinel)


    9 years, 8 months ago

    Hi!

    I’m fairly new to CSS, PHP, and WordPress in general, so I’m not able to tell whether nisarg/WordPress is running HTML 5 or not – however I do believe this is possible as I have seen it elsewhere.

    I would like to make the white, content displaying parts of my website (www.thedreaming.is) appear with about 70% opacity. Is this possible? I have tried editing the (style.css) code myself, however whenever I add the line “opacity” it simply defaults to a transparent display (box shadows, etc… aside).

    Any help would be greatly appreciated 🙂

    If this isn’t possible, would there be a way to integrate some sort of faint watermark instead?

    For those who reply, thank you in advance. Reading over the support forums has been of inestimable value!!!

Viewing 1 replies (of 1 total)
  • Thread Starter dreamingsentinel

    (@dreamingsentinel)

    9 years, 6 months ago

    In answer to my own question, and for others interested, where something says

    background: white, black, any other colour, etc…

    Replace it with

    background: rgba(255,255,255,0.7).

    You can read up more on it here: http://www.w3schools.com/cssref/css_colors_legal.asp
    And here: http://www.w3schools.com/CSS/css3_colors.asp

    For people looking for watermarks, (scroll / body) backgrounds can be scripted to link to an image. If the image is a .png, tif (?), or .gif (?) it can be saved with transperancy, then used as a background by uploading the image, and writing in the image link where it refers to the background, so the sript knows where to go fetch it for display.

    If it doesn’t work you can always try adding !important! (or something like that, makes the statement overide any which may clash by being more !important 😉 ).

    Good luck!

Viewing 1 replies (of 1 total)

The topic ‘Scroll Opacity’ is closed to new replies.