Change add to cart button colour/price size streamline theme

Store Design
1

Hello,

I am using streamline theme, trying to change my add to cart button colour to blue but just that button not the other buttons and also trying to change to change the size of the price on my product page a bit larger, any help would be great please!

thanks

Tom

2

Hi @Tommyboi27 !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please share Page Url so that I can inspect and send code accordingly

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly

3

Hi,

My URL is paws-galore.com

thanks

Tom

4

Hi @Tommyboi27 !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of theme.css under assets in theme code files;

.btn–tertiary,.rte .btn–tertiary{
background: blue !important;
}

.grid-product__price{
font-size: 19px !important;
}

Like this;

Screenshot_10.png
Screenshot_10.png1900Ă—904 172 KB

Screenshot_11.png
Screenshot_11.png1916Ă—899 237 KB

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly

5

Thank you! How do I change the shade of blue? I have the hex code :slightly_smiling_face:

6

I am also trying to change the price on the actual product page not the product grid please :slightly_smiling_face:

7

@Tommyboi27 please send me hexcode

8

#C2E4FF

9

@Tommyboi27 can you please share screenshot which product page?

10

@Tommyboi27 bro

Please paste this code at the bottom of theme.css under assets in theme code files;

.btn–tertiary,.rte .btn–tertiary{
background: #C2E4FF !important;
}

11

thank you so much! Are you able to help me make the size of the pricing on the product page bit bigger and in bold please?

12

Also If I want to change the hex code at some point can I just change the code above to the nex hex code?

13

The product page when you open each product, want the pricing to be a bit larger and bolder :slightly_smiling_face:

14

Hi @Tommyboi27 !

Please paste this code at the bottom of theme.css under assets in theme code files;

.product-single__prices{
font-weight: bold !important;
font-size: 10px !important;
}

Like this;

Screenshot_12.png
Screenshot_12.png1919Ă—922 233 KB

You can change px as you want.

And you can change code.

Thanks

15

You are an amazing help thank you so much!

Is there any chance you could give me code to change the colour of the scrolling text banner on product page only to the same hex code as I gave you before?

16

Bro @Tommyboi27 you can only change text color not image background

17

I can’t change colour of scrolling text bar?

18

No bro @Tommyboi27