Fri, 2013-08-09 00:54
Hello Forum!
I'm currently developing a website for a customer and have a question. This website, http://whiteboard.is/, has parallax scrolling and a white CSS see through background for the text content. I'd like to mimic the section titled Our Pathway in terms of the white background (you'll have to scroll down a bit to see the section) . Not concerned about how the text content is laid out, more about how do I design / program the white see through background?
I also attached a screen shot of the section for you to reference.
Thanks for the help in advance!
| Attachment | Size |
|---|---|
| Screen Shot 2013-08-08 at 5.47.48 PM.png | 327.94 KB |
Fri, 2013-08-09 00:58
#1
Forgot to mention that the
Forgot to mention that the theme, Central, I'm working on is in WordPress 3.6. Thanks! Here is a link to a demo site of Central, http://themeforest.net/item/central-versatile-multipurpose-wordpress-theme/full_screen_preview/4798696
Fri, 2013-08-09 07:36
#2
Hi iAndrew, You should look
Hi iAndrew,
You should look into using opacity or rgba.
The difference between the two is that opacity will make anything within the container transparent where rgba() can be used to specify a transparent colour like a background-color.
There's an example you can play with here background-color
Fri, 2013-08-09 15:50
#3
Thanks Tony I'll take a look
Thanks Tony I'll take a look at the example you provided and let you know how it goes. Thanks!!
Fri, 2013-08-09 16:35
#4
layered divs
You will also have to create layered div to achieve the exact effect.
Fri, 2013-08-09 17:04
#5
Thanks again that really
Thanks again that really helped! One last question, how would I make the white transparent box full width? Like this example, http://whiteboard.is/ the Our Pathway section of the website (you'll have to scroll down a bit.)
Thank you!! Much appreciated!!
Mon, 2013-08-12 17:35
#6
Full Width White Transparent Box
Bump.
Mon, 2013-08-12 20:17
#7
Please close ticket. Thanks!
Please close ticket. Thanks!