Hi, when the small arrow is active on the color section and we add a pattern overlay it overflows down on the height of the arrow.
Like this :
Ideas to contain the pattern in the visible color section?
Rgards.
Jean
Hi Jean!
Can you send us a link to your page so we can take a look?
Regards,
Elliott
Hi Elliott, this webpage present the problem : http://www.yanndemoy.com/sakura/contact/
I could use the image of the background, but I would not have the function of opacity of the overlay.
Regards.
Jean
Hi!
Try adding this to your custom CSS.
#av_section_1 .av-section-color-overlay { height: 90% !important; }
Cheers!
Elliott
Hi Elliott, this is not a real solution (imperfect in mobile mode).
I do not use this feature now, maybe in the future it will work correctly?
Regards.
Jean
Hi!
Yes it’s kind of a problem when you use those two together. I don’t think it’s going to be easy to do though. We could just set the arrow background to the overlay as well but the problem with that is the arrow is centered so the two backgrounds will probably not line up perfectly.
I’ll go ahead and add this to our issue list. If our devs cannot find a workaround then we’ll probably change it so you cannot use those two options together.
Cheers!
Elliott
Hi!
I am afraid that at the moment there is no easy solution for this. You are currently limited to using either a pattern or the arrow. using both does not work.
The easiest workaround would probably be to use a simple background image instead of the overlay pattern.
Cheers!
Kriesi
Any solution on this yet?