Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 24, 2014 at 6:11 pm #269517
    jeffhd1ckey

    Can you please provide some tips or tricks to make a color section transparent so the back ground image behind the main content is visible through the color section? I want to play a frameless video in the transparent section to show it over the background image.

    May 24, 2014 at 6:21 pm #269518
    Flikk

    when editing the color section, give it an ID an then use:

    http://kriesi.at/documentation/enfold/custom-css-and-quick-css/

    #yourID {
background-color: transparent;
}
    May 26, 2014 at 5:15 am #269911
    Ismael

    Hey!

    Thank you for using the theme!


    @Flikk     is correct, you can edit the color section then look for the For Developers: Section ID field. Add a unique id for the color section. For example, use bg-transparent. Add this on Quick CSS or custom.css:

    #bg-transparent {
background-color: transparent;
}

    Aside from that, you’ll need to set the background color of the main and wrap_all container to transparent:

    #main, .html_stretched #wrap_all {
background-color: transparent;
}

    Best regards,
    Ismael

    May 7, 2015 at 10:31 pm #441282
    anhanhoi

    Hello,

    Updating this thread, hope it’s ok :)

    I used the codes above and it works, I guess (http://www.watphagbg.se) but the content area is still not 100% transparent, how do I adjust the transparancy?

    Thanks!
    Anh

    May 8, 2015 at 6:58 pm #441736
    Yigit

    Hi!

    Please add following code to Quick CSS as wel

    #body .container {
  max-width: 100%;
  padding: 0;
}

    Best regards,
    Yigit

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