MJKing Posted April 27 Share Posted April 27 Hello everyone, Can anyone please help me with the code to change the font size/color of my prices? I want the price to stand out via bold and red or maybe green. Can anyone help me on how to do this? I have 7.1 Squarespace. Thank you! Link to comment
kalevi Posted April 27 Share Posted April 27 No code is needed for this, just use the Style Editor as in the attached video. Style Editor.mov Link to comment
MJKing Posted April 28 Author Share Posted April 28 This worked great for a part of my site. However It doesn't seem to work on my 'shop' page (https://www.mjkingart.com/new-page-3) and when you select the product (https://www.mjkingart.com/shop-1/p/wine-triptych). Can this be altered? Link to comment
ChrisKo Posted April 28 Share Posted April 28 Your products show different layouts and sizes. You should remove the custom CSS codes and update the font sizes directly from the site style editor. Link to comment
MJKing Posted April 29 Author Share Posted April 29 the only custom codes I have installed are to move down the price to be near the 'add to cart' button. I am trying to change the color and bold the price within the product blocks that aren't in my shop. I have attached images below. Link to comment
Solution tuanphan Posted May 1 Solution Share Posted May 1 On 4/29/2024 at 8:21 PM, MJKing said: the only custom codes I have installed are to move down the price to be near the 'add to cart' button. I am trying to change the color and bold the price within the product blocks that aren't in my shop. I have attached images below. You can use this code to Website > Website Tools > Custom CSS. If it doesn't work, you can share link to page where you use product block, we can check easier. div.product-block .product-price, body.view-item .product-price { font-weight: bold !important; color: #f1f !important; } 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!) Link to comment
MJKing Posted May 1 Author Share Posted May 1 Yes, that worked! Thank you! Is there a way to increase the size of the price though on the selected products page? The other pages, the size and color are perfect. https://www.mjkingart.com/shop-1/p/through-the-vines Link to comment
tuanphan Posted Friday at 09:08 AM Share Posted Friday at 09:08 AM On 5/1/2024 at 7:28 PM, MJKing said: Yes, that worked! Thank you! Is there a way to increase the size of the price though on the selected products page? The other pages, the size and color are perfect. https://www.mjkingart.com/shop-1/p/through-the-vines You can use this CSS code body.view-item .product-price { font-size: 20px !important; } 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!) Link to comment
MJKing Posted Friday at 11:56 AM Author Share Posted Friday at 11:56 AM perfect! thank you! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment