I am trying to change the style of my buttons to show up as just text with underline, and no underline just text when you hover over them- similar to the way my header buttons are right now, but reversed. I have tried to make the outline on the outline button transparent, but no matter what I do it will not go away.
I would like it to be similar to the button on the hero on this site: https://www.sportyandrich.com/
I am working in a draft Crave theme, I am not referring to my current live site
Hi @helfrichc2023 ,
Please do the following:
In the online store, select Themes → Customize
Select Themes settings, in the Buttons section, and drag the Opacity of Border and Shadow to 0%.
For buttons make sure to select Use outline button style, you will have to do this for all buttons that you want to use outline style for.
Click Save to save the changes
Next, also in the online store, select Themes->More (button next to the Customize button)-> Edit code
In the base.css file
Add the following code at the end of the file:
button, .button.button--primary, .button.button--secondary{
text-decoration:underline!important;
}
button:hover, .button.button--primary:hover, .button.button--secondary:hover{
text-decoration:none!important;
}
Click Save to save changes.
Hope it helps @helfrichc2023
