[ClaudiaRParticipant]

Hello!
First of all, I’m loving cornerstone.
I’m working much faster than with shortcodes (I never understood VC).

Problem:
I can’t remove the background color of a slider. The images on the slider have a transparent background, but it looks grey. I’d like it to show the background of the section, which is a parallax image.

Can someone help me code this?
I’ll post my website url as a hidden response.

Thanks, Clau

[ClaudiaRParticipant]

This reply has been marked as private.

[RupokMember]

This reply has been marked as private.

[ClaudiaRParticipant]

Hello Staff!
I didn’t say the background image on the first container.
I said the background color of the SLIDER, under CERTIFIED BY. The images on the slider have a transparent background, but it looks grey. I’d like it to show the background of the section, which is a parallax image.

Am I explaining myself correctly? Ask me if you need more clarification, and/or give me directions on how to point you on the right direction. (Would a screenshot help?)

Hope this helps,

[Rue NelModerator]

Hello There,

We apologize for the confusion. How about we try this again. To remove the grey background color of the slider, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-flexslider-shortcode-container.with-container,
.x-flexslider-shortcode-container .x-flexslider-shortcode {
    background-color: transparent;
}

If you want to remove the border as well, you can use this code instead:

.x-flexslider-shortcode-container.with-container,
.x-flexslider-shortcode-container .x-flexslider-shortcode {
    background-color: transparent;
    border: none;
}

Please let us know if this works out for you.

[GregtieParticipant]

Helpful for me too, worked perfect! many thanks Greg

[Prasant RaiModerator]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts