-
Posts
-
Dear Enfold Team,
I want to have a small arrow as bottom border styling on one div one my page (link see below), like you guys did in the (enfold business flat demo. Problem is, after activation, it is there (in the code), but not visible. Do you maybe know why?
Thanks in advance,
JoerkaHey joerka27!
Thank you for using Enfold.
I can’t find the issue with the arrow, the markup looks correct. Did you add any css modifications to the theme? Please post the login details here so that we can check the settings.
Best regards,
IsmaelHey Ismael,
Login Data below. I use a custom css inside my child theme, copy see also below (didn’t know if you could access it only with admin credentials). I already tested changing the theme from child to enfold standard without any css modifications and the arrow was still not visible, so I doubt that it’s because of the custom css…
Thanks in advance,
JoerkaHi!
The arrow is not working because of the background image. The color section or the “.av-parallax-section” container’s css overflow property is set to “hidden”. We can set the property to “visible” and the arrow will display but the background image will overflow or will be visible outside the container. And the arrow doesn’t blend well with the background. You cant test it with the following css code.
.av-parallax-section { overflow: visible; }// https://piano-revolution.de/dev/test-2/
Cheers!
IsmaelHey Ismael,
thx for your help and excuse my late reply. Tested it out and doesn’t make sense like that, like you said. I’ll just accept that I have to choose between parallax and the “border-arrow” design, that’s alright.
Thanks and can be closed!
Joerka
- The topic ‘Bottom Border Styling Arrow not visible’ is closed to new replies.