Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 25, 2014 at 10:09 am #357428
    filz51

    Hi
    I have a page with a parallaxed color section on the top. to display the widgets on the top as well, I created a custom widget area. how can I change the background color of this area?
    regards, filz51

    November 25, 2014 at 5:06 pm #357656
    Yigit

    Hi filz51!

    Can you please post the link to your website and point out the widget area you would like to customize?

    Regards,
    Yigit

    November 25, 2014 at 6:17 pm #357744
    filz51
    This reply has been marked as private.
    November 25, 2014 at 7:34 pm #357825
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .home #av_section_1 .avia-builder-el-last {
background-color: rgba(255,255,255,0.7);
padding: 10px;
}

    Cheers!
    Yigit

    November 25, 2014 at 8:41 pm #357909
    filz51

    Great, Yigit,
    This affects the homepage only. But how can I apply this on other pages of my website? Some pages come with this custom widget area and some pages don’t.

    November 25, 2014 at 8:43 pm #357912
    Yigit

    Hi!

    Please edit your Color Section elements and give them a unique ID ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png ) and then change custom CSS code to following one

    #your-custom-id .avia-builder-el-last {
background-color: rgba(255,255,255,0.7);
padding: 10px;
}

    Best regards,
    Yigit

    December 17, 2014 at 8:56 pm #369733
    filz51

    Hi Yigit

    You helped me a lot with your CSS-code and I tried to adjust it for my purpose. But I still have some problems.
    Is it possible to apply semi-transparency to all avia-elements in the color-section?
    For instance with something like this:
    #my-custom-id .avia-builder-el-all {
    background-color: rgba(255,255,255,0.7);
    padding: 10px;
    }

    or can I apply more than one section ID to a single element if I have different custom CSS-codes for the different elements within a Color Section?

    Kind regards, filz51

    December 18, 2014 at 9:27 pm #370216
    Yigit

    Hi!

    Please turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your element a custom CSS class and then add following code to Quick CSS

    .your-custom-class {
background-color: rgba(255,255,255,0.7);
padding: 10px;
}

    Regards,
    Yigit

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