Hi, I would like to change the text color, background color and border-color of the button that’s on the banner. I don’t want to change any other button on my website.
Website url: https://thesnoozy.com/
@GeorgeRizos , Please add the below line of code at the end of your base.css file.
.banner__buttons .button{
background: #000000 !important;
color: #ffffff !important;
}
.banner__buttons .button::after,
.banner__buttons .button::before{
box-shadow: none;
border: 2px solid #000000;
}
Hi @GeorgeRizos,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file section-image-banner.css or timber.scss.liquid.
Step 3: Paste the below code at bottom of the file → Save
#shopify-section-template–16980162281746__image_banner .banner__buttons a{
background:blue !important;
color:red !important;
border:solid black 2px !important
}
#shopify-section-template–16980162281746__image_banner .banner__buttons a:before,#shopify-section-template–16980162281746__image_banner .banner__buttons a:after{display:none !important}
(you can change any color for it)
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly