Hi there, I was wondering how I can change color of the arrow on the down arrow for the header section as I am using a white background.
Alternatively the reason why I started exploring this is because the box roll feature does not work on tablet on scroll. Is there a fix for that as well?
Yes I have page builder element animations enabled.
Box roll works on scroll for desktop and mobile but not tablet. It works on tablets if you hit the button but does not work on scroll for tablet only. Is there anything else I can do? My background is white that is why I am asking how to change the cta arrow so at least they can scroll down some how. If I remove box roll then the white cta arrow goes into the heading for some reason on mobile.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hi there, I was wondering how I can change color of the arrow on the down arrow for the header section as I am using a white background.
Alternatively the reason why I started exploring this is because the box roll feature does not work on tablet on scroll. Is there a fix for that as well?
Thanks in advance!
Hi Leo,
Thanks for choosing Salient.
For the box roll effect on tablet, please ensure this option is enabled this option on Salient > General Settings > Functionality:
I am afraid we are not able to change the down arrow color.
Thanks.
Hi Judith,
Yes I have page builder element animations enabled.
Box roll works on scroll for desktop and mobile but not tablet. It works on tablets if you hit the button but does not work on scroll for tablet only. Is there anything else I can do? My background is white that is why I am asking how to change the cta arrow so at least they can scroll down some how. If I remove box roll then the white cta arrow goes into the heading for some reason on mobile.
Thanks for your help
Also does that mean I can't change the color of the sub headings of the header section on salient?
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body[data-button-style^=rounded] .section-down-arrow i { color: #1e73be !important; } .scroll-down-wrap.no-border .section-down-arrow, body[data-button-style^=rounded] .section-down-arrow { border-color: #1e73be !important; }Thanks
ThemeNectar Support Team
Tahir thank you so much!! CSS worked perfect!!