Hello, I am wondering how to edit the border-radius of all the buttons in my theme? I have been able to edit some custom buttons for my homepage and would like to match the rest of my themes buttons. I have read countless discussions, but none of the solutions seems to work. I have tried to paste multiple code variations at the bottom of my styles.scss.liquid file that include the.btn tags as well as looking for the specific code within inspect element; however, my code skills are almost nonexistent.
@odexg ,
Share your store URL please.
Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.
Hello, my store is https://exodusvisual.com/
password “atlasx”
I am mainly trying to change the button on the contact page and across the theme as I continue to add more buttons
Hi there, my store is https://exodusvisual.com/
the password is “atlasx”
I am looking to edit the button on my contact page mostly, but would like to round them across the whole theme.
Oh, I’m sorry.. I just disabled the password protection altogether
@odexg ,
.action_bottom input[type="submit"] {
border-radius: 22px;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid
I pasted at the bottom, saved, refreshed and the button still has sharp edges
@odexg ,
Check contact us page button
@odexg ,
.action_bottom input[type="submit"] {
border-radius: 22px !important;
}
@odexg ,
.button, a.button, button, input[type=submit], input[type=reset], input[type=button] {
border-radius: 22px;
}
Unfortunately, it still hasn’t changed