Change Dawn theme Accent 1 (Button background color) PROBLEM

Store Design
, , ,
1

problem.JPG
problem.JPG1270×432 51.6 KB

I’ve been trying to change my Dawn theme Accent 1 which is responsible for button background for2 days but i can’t. PLEASE HELP

I tried everything from changing it on the theme setting to edit the CSS code but nothing worked.

CSS Code: #shopify-section-template–14167940464867__1632784713f127b553 .button.button–primary{ background-color: #cacac9 !important; color: #f2f233 !important; }

2

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

3

Hello There,

Please share your store URL and Password.

So that I will check and let you know the exact solution here.

4

Hello @ismailmat ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

5

@ismailmat
Put below css into base.css file (online store->themes->edit code->assets->

a.button.button--secondary {
    background-color: #cacac9 !important;
    color: #f2f233 !important;
}

you want like this na

Ujjaval_0-1672037500319.png

base.css)

6

@ismailmat

Hi,

To change the button color, you should make the button not transparent before you make any change for the button color.

To make it the button color visible, please follow the steps below.

  1. Online Store > Customize > Image banner section > Button block

  2. Uncheck Use outline button style (as below)

20221226_160038.png
20221226_160038.png1873×887 115 KB

  1. Save the change.

  2. Add the code below to section-image-banner.css file (or base.css file).

.banner__buttons a {
    background: #ffe900;
}

Please change the color code per your needs.

If you have any other questions, please let me know.

Hope it helps.

Thanks.

7

Hello @ismailmat

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :
.button.button--secondary { background-color: #cacac9 !important; color: #f2f233 !important; border-color: #cacac9 !important; }

Was my reply helpful? Please Like and Accept Solution. This mean alot to me. (edited)

8

Hi @ismailmat

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

Please refer to this screenshot:

PageFlyVictor_0-1672045225591.png
PageFlyVictor_0-1672045225591.png1365×651 47.6 KB

Hope you find my answer helpful!

Best regards,

Victor | PageFly