- This topic has 6 replies, 2 voices, and was last updated 3 years, 6 months ago by
.
Hi,
I have my home page set up that the colour change for the buttons as per the attached screenshots 1 & 2 however it doesn’t seem to be an option in the settings for the blog post buttons to do the exact same thing so that it falls inline with the rest of the website branding.
Web Address: https://www.servetowin.co.uk/
Hi @the1lackster,
I hope you are well today and thank you for your question.
You can try changing their colors using the Yellow Pencil editor as described in the below page.
https://support.shufflehound.com/how-to-change-almost-any-element/
Best regards,
Shufflehound teamI have had a look at that however it is doing the same thing the one inside the website itself I don’t want the background colour to change unless its hovered over and as someone who doesn’t know CSS coding I have no clue where to start.
I have tried editing using yellow pencil however it does not work when I change it in there. Using the hover option when right clicking on it and even though I have selected it the share button does not change.
I have also attempting this on the next & previous post buttons and even though it is the same icon in the coding in the background it only does it on one of them & not the other.
Solution for this topic
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-social-share:hover .sh-social-share-button:before, #page-container .sh-social-share .sh-social-share-button:hover, #page-container a.sh-page-switcher-button:hover { background: #9fc13a !important; color: #FFF !important; } #page-container a.sh-page-switcher-button:hover i { color: #FFF !important; }That has worked that is great thank you. – Ticket Solved
You are most welcome here 🙂
