Dawn theme - outline button style

Solved

Dawn theme - outline button style

lsvvintage
Excursionist
15 1 1

Hi all,

 

Please help me figure this out ☻

 

I'm designing a website and it's requested that all of the buttons are in the 'outline style'. A few don't have the option in the editor itself to change them with the click of a button, so i'll have to change the code I think. I just have no idea how/where/which code.

This is the style the button needs to be:

Scherm­afbeelding 2024-06-26 om 20.32.41.png

 

 

and the places it needs to be changed are:

- the 'send' button below a contact form:

Scherm­afbeelding 2024-06-26 om 20.32.15.png

- at the checkout button:

Scherm­afbeelding 2024-06-26 om 20.32.04.png

and finally, the 'add to cart' button at the products

Scherm­afbeelding 2024-06-26 om 20.31.48.png

I hope somebody can help me! Thanks!!

Accepted Solutions (2)
Moeed
Shopify Partner
4363 1123 1380

This is an accepted solution.

Hey @lsvvintage 

 

Remove the previous code and add this new code with the same steps.

<style>
button {
    background: transparent !important;
    border: solid 1px black !important:
    color: black !important;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

lsvvintage
Excursionist
15 1 1

This is an accepted solution.

Hi! I managed to make it work, the color section was not showing up. I put it between the other two and now it works perfectly like this:

<style>
button {
background: transparent !important;
color: black !important;
border: solid 1px black !important:
}
</style>

 

thank you so much!

 

View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
4363 1123 1380

Hey @lsvvintage 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
button {
    background: transparent !important;
    border: solid 1px black !important:
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
lsvvintage
Excursionist
15 1 1

Hi!

Thanks, it worked great, but the text isn't showing anymore:

Scherm­afbeelding 2024-06-26 om 21.31.48.png

Moeed
Shopify Partner
4363 1123 1380

This is an accepted solution.

Hey @lsvvintage 

 

Remove the previous code and add this new code with the same steps.

<style>
button {
    background: transparent !important;
    border: solid 1px black !important:
    color: black !important;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
lsvvintage
Excursionist
15 1 1

Hi!

It still does not work unfortunately...

lsvvintage
Excursionist
15 1 1

This is an accepted solution.

Hi! I managed to make it work, the color section was not showing up. I put it between the other two and now it works perfectly like this:

<style>
button {
background: transparent !important;
color: black !important;
border: solid 1px black !important:
}
</style>

 

thank you so much!

 

Made4uo-Ribe
Shopify Partner
6961 1656 2041

Hi @lsvvintage 

Would you mind to share your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
lsvvintage
Excursionist
15 1 1

Hi!

The store is not live yet