Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 5, 2014 at 12:34 pm #300179
    envapk2

    Hi
    I am keen to use Enfold for a site but I need to create a transparent content and header over a full page background image throughout as shown here:
    http://www.christinahaldane.com/contact

    Is this possible? I’ve tried a few things from other postings in the forum but is working so far.

    many thanks

    Peter

    August 5, 2014 at 12:40 pm #300184
    Yigit

    Hey envapk2!

    Can you post the link to your test page?

    Best regards,
    Yigit

    August 5, 2014 at 2:12 pm #300218
    envapk2
    This reply has been marked as private.
    August 5, 2014 at 2:28 pm #300223
    Yigit

    Hey!

    Maintenance mode is active. Can you post temporary logins so we can see the content?

    Best regards,
    Yigit

    August 5, 2014 at 3:14 pm #300262
    envapk2

    Sorry, I forgot about that. Maintenance mode switched off now.

    Peter

    August 5, 2014 at 3:21 pm #300264
    Yigit

    Hey!

    Please firstly turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and then add a custom class to your element. Then add following code to Quick CSS in Enfold theme options under General Styling tab

    .custom-class.av_textblock_section {
color: white;
background-color: rgba(0,0,0,0.4);
padding: 10px;
}

    Regards,
    Yigit

    August 5, 2014 at 4:58 pm #300309
    envapk2

    HI Yigit

    It’s not working for me. I created a custom class – transparent-block – and in Quick CSS put:

    .transparent-block.av_textblock_section {
    color: white;
    background-color: rgba(0,0,0,0.4);
    padding: 10px;
    }

    also tried

    #top .transparent-block.av_textblock_section {
    color: white;
    background-color: rgba(0,0,0,0.4);
    padding: 10px;
    }

    but it’s not having any effect on the page.

    August 5, 2014 at 5:11 pm #300321
    Dude

    Hey!

    Try this code instead:

    
#top .avia_textblock.transparent-block{
color: white;
background-color: rgba(0,0,0,0.4);
padding: 10px;
}

    Cheers!
    Peter

    August 5, 2014 at 6:52 pm #300370
    envapk2

    That works great, thanks. Is it also possible to target a column layout element as the color section is the only layout element that allows a custom CSS id to be added?

    August 5, 2014 at 6:53 pm #300371
    Yigit

    Hi!

    You can try the workaround Josue posted here – https://kriesi.at/support/topic/how-to-trigger-specific-elements/#post-268697

    Best regards,
    Yigit

    August 5, 2014 at 7:57 pm #300395
    envapk2

    Hi Yigit
    That looks very interesting, I will have a go at that.
    many thanks for your help.

    Peter

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Transparent content and header’ is closed to new replies.