Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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

    #259244

    Hi 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,
    Peter

    #259380

    Hi 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 9 years, 11 months ago by mar10nlund.
    #260464

    Hi!

    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!
    Devin

    #260468

    Here u go Devin :-) http://havnevigen2.dk/hjemmeisde/

    Cheers

    Martin

    #260561

    Hey!

    Thank you for the link.

    You can add this on Quick CSS or custom.css:

    #main, .html_stretched #wrap_all {
    background-color: transparent;
    }
    
    .alternate_color, .main_color {
    background-color: rgba(255,255,255,.5);
    }

    Cheers!
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.