Dawn theme Slidebanner button need to be transparent without ouline

Solved

Dawn theme Slidebanner button need to be transparent without ouline

satyapal49
Shopify Partner
27 1 1

Screenshot_6.pngSame type without background and outline transpant button need to be done in dawn theme please help me  screenshot attached

Accepted Solution (1)
niraj_patel
Shopify Partner
2391 516 514

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .button:before{
   box-shadow: unset !important;
}
.button:after{
    box-shadow: unset !important;
}

.button:not([disabled]):hover:after{
    box-shadow: unset !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 5 (5)

niraj_patel
Shopify Partner
2391 516 514

Hello @satyapal49 

Can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
satyapal49
Shopify Partner
27 1 1

store link not available

niraj_patel
Shopify Partner
2391 516 514

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  a.button {
      background: transparent !important;
   }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
satyapal49
Shopify Partner
27 1 1

satyapal49_0-1709888267785.png

not working need to remove boarder too

niraj_patel
Shopify Partner
2391 516 514

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .button:before{
   box-shadow: unset !important;
}
.button:after{
    box-shadow: unset !important;
}

.button:not([disabled]):hover:after{
    box-shadow: unset !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com