Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #357428

    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

    #357656

    Hi filz51!

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

    Regards,
    Yigit

    #357744
    This reply has been marked as private.
    #357825

    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

    #357909

    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.

    #357912

    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

    #369733

    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

    #370216

    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

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