-
AuthorPosts
-
May 1, 2014 at 12:51 pm #258821
Hey guys
I’m trying to make the entire body background semi transparent, and the content elements floating on top (with full white background when text only). As in this example http://havnevigen2.dk/wordpress/?page_id=2316
I hope that you can point me in the right direction :-))
Thanks in advance
Martin from http://www.brandman.dk
May 2, 2014 at 9:30 am #259244Hi mar10nlund!
You can use rgba colors for a semi transparent background – this generator will help you to convert any he color value to rgba: http://hex2rgba.devoth.com/
I recommend to use Firebug or Chrome developer tools to investigate the css attributes of the html elements and to change the background color of all relevant sections. A tutorial can be found here: http://premium.wpmudev.org/blog/customizing-your-wordpress-theme-using-firebug/
Best regards,
PeterMay 2, 2014 at 1:26 pm #259380Hi Peter
Thanks for your reply :-)
I’m already familiar with Chrome inspector and RGBA colors – my problem (after many hours of detective work) is to find the exact place where the background is regulated. When I use the “Enfold Main Content background color editor” I get to change the color but it seems like there is a layer bellow that is still white meaning that if i e.g. put in this rgba(255, 0, 0, 0.65) I get a transparent red on top of a white layer – so I still don’t get to see the page’s background image through a transparent red layer.
Thanks in advance :-)
Martin from http://www.brandman.dk
- This reply was modified 10 years, 6 months ago by mar10nlund.
May 5, 2014 at 9:42 pm #260464Hi!
Where is a working example of what you have now where we can inspect what you have so far? I’m not completely clear on what you are trying to do but maybe seeing it in progress will help clear things up.
Cheers!
DevinMay 5, 2014 at 9:45 pm #260468May 6, 2014 at 5:35 am #260561 -
AuthorPosts
- You must be logged in to reply to this topic.