How can I change the button color in Studio theme?

Store Design
, ,
1

Hey guys!

Hoping someone can help me with this small issue.. I have the studio theme and I am wanting to change the colour of the button on my slideshow block.

For some reason, all the other buttons on my website are set to the right colour I wanted but I can’t figure out how to change this button colour! I don’t want it to be white, I want it to match the rest of my buttons and I want to be able to change the font colour too.

Can anyone help please? :blush:

This is the button I’m talking about:

Screenshot_20230506_202845_com.android.chrome_edit_167270977580203.jpg
Screenshot_20230506_202845_com.android.chrome_edit_167270977580203.jpg1080×1373 114 KB

2

Please let me know your shop url and if it is password protected, please let me know together.

3

https://www.paygeceramics.co.nz/

4

Simonsron_0-1683362930367.png
Simonsron_0-1683362930367.png929×276 13.3 KB

Find this file, look at the code that defines its colours and modify it. This is because this file overwrites the styles defined in your base.css. So it is not the same as the rest of the buttons.

5

Okay great, thank you so much!

6

I am glad I could help you and if your problem is solved, you can mark the solution as solved.

7

To change the color of the button on your slideshow block in the Studio theme, you can follow these steps:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the Studio theme and click on “Customize”.
  3. In the theme editor, click on “Sections” and find the “Slideshow” section.
  4. Click on the “Slideshow” section to expand it, then click on “Button”.
  5. Under “Button style”, click on the color swatch and choose the color you want.
  6. Under “Button text color”, click on the color swatch and choose the color you want for the button text.

Once you have made these changes, click “Save” and “Publish” to update your website with the new button color.

8

There is no ‘button’ option when I click into my slideshow section

9

I just followed the steps you gave me and it hasn’t changed the colour (I’m on mobile not desktop)