Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 1, 2014 at 12:51 pm #258821
    mar10nlund

    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 #259244
    Dude

    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

    May 2, 2014 at 1:26 pm #259380
    mar10nlund

    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 10 years, 7 months ago by mar10nlund.
    May 5, 2014 at 9:42 pm #260464
    Devin

    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

    May 5, 2014 at 9:45 pm #260468
    mar10nlund

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

    Cheers

    Martin

    May 6, 2014 at 5:35 am #260561
    Ismael

    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

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