Rodzby Posted November 14 Posted November 14 (edited) I have recently upgraded my website to 7.1 and am having trouble changing the colours of buttons, social links and the text colour on product blocks. I have changed button and text colours using site styles but some elements are not changing to match this. These seem to be inheriting custom code i had on the 7.0 version of the site but there is now no code in the custom CSS or any of the code injection sections. https://oarfish-bluebird-gwre.squarespace.com Any help gratefully received. Edited November 14 by Rodzby posted too soon
tuanphan Posted November 15 Posted November 15 Hi, What should it look like? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Rodzby Posted November 19 Author Posted November 19 The buttons and social links should be the same red colour as the logo in the attached image, as set in the site styles. The product block should be the same text colour throughout, as set in site styles. But i can't find any CSS leftover from the old 7.0 version of the site causing them to look like they do now
tuanphan Posted November 20 Posted November 20 #1. You can use this to Website Tools > Custom CSS div#block-yui_3_17_2_1_1729076052813_15711 a { background-color: #a74d4a; } use.sqs-use--icon { fill: #a74d4a !important; } #2. Can you share link to page where you use product block? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Rodzby Posted November 20 Author Posted November 20 heres the link to the page with products, many thanks for the above fix! https://www.thefivealls.co.uk/xmasboxes
Solution tuanphan Posted November 21 Solution Posted November 21 22 hours ago, Rodzby said: heres the link to the page with products, many thanks for the above fix! https://www.thefivealls.co.uk/xmasboxes You can use this CSS code div.product-block .product-title, div.product-block .product-price { color: #a74d4a; } div.product-excerpt p { color: #636365; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Rodzby Posted November 28 Author Posted November 28 Thanks for the reply, I added it into the code injector for the page but it didnt work. i feel like theres some code somewhere overriding it I just cant find it!
tuanphan Posted November 29 Posted November 29 12 hours ago, Rodzby said: Thanks for the reply, I added it into the code injector for the page but it didnt work. i feel like theres some code somewhere overriding it I just cant find it! Add it to Custom CSS, not Code Injection Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Rodzby Posted Monday at 01:47 PM Author Posted Monday at 01:47 PM Thank you so much, that is now working
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment