Do anyone know how to change the style of button
from this
to this
Hi @Sheeks , Can you kindly share the details of your problem (link page) with us? We will check it and suggest you a solution if possible.
Hi @Sheeks ,
Here are the steps you can follow:
1, Navigate to Online Store > Themes > Edit Code.
2, Locate and open the base.css (or theme.css, custom.css) file.
3, Paste the code snippet provided below at the bottom of the file, then save your changes.
a.button.regular-btn {
background: #e61f93;
color: #fff;
padding: 10px 30px;
border-radius: 30px;
font-weight: bold;
}
a.button.regular-btn .button-arrow {
display: none;
}
Here is an example of how it looks. If you want to only change a certain button, please let us know for further customization.
We hope this assists in resolving the issue.
If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!
yes! ^^
only the button for the last slideshow
Here ^^
You can use this code snippet to apply the effect only for the button on the last slide
.slick-slide #slideshow_item_slide_3dDmU a.button {
background: #e61f93;
color: #fff;
padding: 10px 30px;
border-radius: 30px;
font-weight: bold;
border: none;
}
.slick-slide #slideshow_item_slide_3dDmU a.button .button-arrow {
display: none;
}
Here is the result
I am sorry
It stays the same here
What to do
I’ve checked your store and didn’t see the code in the base.css file. Try pasting it again or you can put this code right before the closing head tag in the theme.liquid file
We hope this assists in resolving the issue.
If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!
nah nah i did. but seeing it wont change, i remove it. so i am aware what should i add n remove
It works! Thanks^^