Change all Outline Buttons to Solid - Viola Theme

[Kate627]

Hi -

We do not want any outline buttons, only solid buttons. I know I need to take the transparency off, but I cannot find it anywhere. Two sections I know the outlines buttons are on are Lookbook and Countdown.

Here is my website preview if this link works: https://www.distinctivs.com/?_ab=0&_fd=0&_sc=1

[David_SHT]

Hi @Kate627
Please share the preview url, for now the link you share link to the current publish theme

[Kate627]

Does this work?
https://www.distinctivs.com/?_ab=0&_fd=0&_sc=1&preview_theme_id=132760010923

[Dan-From-Ryviu]

Hi @Kate627

You can try to change settings of buttons in your Online store > Themes > Customize > Theme settings > Buttons

[Kate627]

These are my options. Anything look promising?

[Dan-From-Ryviu]

Please try to customize it yourself and check. If it is not change then you must add customize CSS code

[Kate627]

I did - the only thing I can do is make the outlines thicker, which in turn adds massive outlines to the filled buttons.

[David_SHT]

Hi @Kate627
The link incorrect,
To get preview link, look on the bottom right when you preview theme.

[David_SHT]

Hi @Kate627

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

. button.button--secondary {
    background-color: rgba(var(--color-button-text));
    color: rgba(var(--color-background));
}

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

David | SalesHunterThemes team

[INA_MSWEB]

Hi @Kate627

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.product-form__submit {background: #081644 !important; color: #fff !important;}

Regards,

San

[Kate627]

Thank you but that did not seem to change it.

[Kate627]

David - this is still not working. I never thought buttons could make me so angry. Every other theme I have ever worked with had an option to change from solid to outline right in the customize area.

Here is the correct link for the preview:

https://rqdrvzore1qvpyfa-7347909.shopifypreview.com