Review Star & Shortcode Button colours

[lilcreatures]

Hello,

1. Can we change the button colours from shortcodes. I’ve used the Turquoise option but would like the main colour to be #75bcb8 and the hover colour to be #54cec7

2. Can we change the colours of the Review Stars ONLY to #eabe12? on both the shop/category pages and in products

Thank you

[Mohammad – SUPPORT]

Hi,
1- Which button color do you want to change?

2- Please use this custom css code:-

.woocommerce .star-rating span:before {
    color:  #eabe12 !important;
}

Thanks
Mohammad

[lilcreatures]

Hi Mohammad,

The star colour code worked perfectly – thank you!

The button shortcode is this one:
[sf_button colour=”turquoise” type=”sf-icon-reveal” size=”standard” link=”/onesie-sets/” target=”_blank” icon=”fa-long-arrow-right” dropshadow=”no” rounded=”no” extraclass=””]

Is that what you were after? I like the white text but the button fill colour is a bit off for my site.

Thanks

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with button to check and find exact solution.
Thanks
Mohammad

[lilcreatures]

http://lilcreatures2.tcc-staging.com/
I have used SPB Sections with the buttons to categories.

[Mohammad – SUPPORT]

Hi,
Do you want to change the background color of button?
Thanks
Mohammad

[lilcreatures]

Yes, I would like to change the main colour of the button to #75bcb8 and the colour to be #54cec7 when hovered over.

Thank you

[Mohammad – SUPPORT]

Hi,
Please use this customm css code:-

a.sf-button.sf-icon-reveal.turquoise {
   color: #75bcb8 !important;
}

a.sf-button.sf-icon-reveal.turquoise:hover {
    color: #54cec7 !important;
}

Thanks
Mohammad

[lilcreatures]

Hi Mohammad,

We are almost there I’m sure! This code has changed the TEXT colour only to the colours I specified leaving the button colour bright turquoise. Can we change the button fill colour only leaving the text white #fff for all?

Thank you.

[Mohammad – SUPPORT]

Hi,
Please use this customm css code:-

a.sf-button.sf-icon-reveal.turquoise {
   color: #fff !important;
   background-color: #75bcb8 !important;
   
}

a.sf-button.sf-icon-reveal.turquoise:hover {
    color: #fff !important;
    background-color: #54cec7 !important;
}

Thanks
Mohammad

[lilcreatures]

AMAZING THANK YOU!

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Thanks
Mohammad