Hi there,
Can someone please assist in changing the text and buttons colours that sits on top of main landing page image. They’re currently in white (see screenshot).
I currently have the container applied, but would like to disable it and be able to use the same text colour without it. Site is www.kawa.mx. TIA!
See code below for changing colours on mobile… maybe can just adapt this code:
}
@media(max-width:767px){
body .slideshow__text-wrapper .banner__heading{color:#F2EFDD;}
body .slideshow__text-wrapper .banner__text{color:#F2EFDD;}
}
@media only screen and (max-width: 749px) {
.button.button–primary {
background-color: #F2EFDD;
–border-offset: #074646 !important;
color: #074646 ;
}}
This is PageFly - Free Landing Page Builder. I would love to provide my advice for your store based on 6 years of providing solutions for about 100.000+ active Shopify merchants.
Hi Grindlery,To disable Default Variant you can follow these steps
Step1: check the class and css of the element to be edit
Step3: Go to Online store => themes => Actions => Edit code
Step4: Search base.aio.min.css then ctrl + F and search for @media (max-width: 767px)
Add change color as your want.
I hope the above information can help you
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Kind regards,
PageFly
Hi there, thanks for your message. However, I am referring to the desktop text colour. The mobile text colour has already been changed to #f2efdd. I want to change the colour from the white as seen in the screenshot to #f2efdd as well (and also the button, like I’ve done in the mobile version).
