How can I make all buttons transparent in the Dawn theme?

Store Design
, ,
1

Hi I have used some code to ensure all of my buttons are all an outlined style in the Dawn theme.

However there are two buttons (image with text sections) that still have a solid background. Is there code I can use to ensure the backgrounds are transparent?

https://0qdsv3tuaft1veas-7787118645.shopifypreview.com

Thanks

2

Hi @tahliamotteram

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

a.button.button–primary {

background: transparent !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hello @tahliamotteram ,

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

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1674789881763.png
GemPages_0-1674789881763.png1857Ă—907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

4

Please add below css code in bottom of assets/base.css file

a.button.button–primary {
background: transparent;

}
Thank you.

5

Thank you so much. I’m wondering if there is a way to add a hover background colour and text for all buttons now? Thank you

1 Like