Tagged: scroll down arrow color section
I have a request to make the scroll down arrow for one color section ONLY larger and maybe a different color.
The solutions i see are css which will impact all the scroll down arrows for all of the color sections on the site, but this is just for one specific color section on one page.
Is there a way to change color / size or the scoll down arrow for just one color section on the site?
Thanks!
Rob
Hey goldengate415,
If you have found a css solution that works to change color / size or the scroll down arrow the way you want, you can add a page ID to the beginning of the css so it only works on one page. You can also add the section ID so it works on only one section on that page.
If you have trouble finding the page & section IDs, post the css that you found works and the link to your page and section, and we can review the page and tell you the page and section IDs
Best regards,
Mike
Hi Mike,
Thanks for the prompt response. I am not a css programmer so I appreciate your help.
Here is the page:
https://www.thomashenthorne.com/21-edgewood-way-san-rafael/
I found this old thread that seems to solve what I would want to do:
Can you help me figure out the page id and the css I would add so just that color section is modified?
Thanks much,
Rob
Hi,
Thanks, this page has a page ID class of: page-id-17847 and since there is only one scroll-down-link you can just use this:
#top.page-id-17847 .scroll-down-link {
color: red !important;
font-size: 150px !important;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) !important;
}
Best regards,
Mike
Perfect, thank you Mike!
Best
Rob
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike