Wandering if the white boxes in Quick Links on main page can be changed from white to another solid colour and or a graphic that matches similar to Header image? Any help is great .
Site is - https://kiburi-lifestyle.myshopify.com/
Wandering if the white boxes in Quick Links on main page can be changed from white to another solid colour and or a graphic that matches similar to Header image? Any help is great .
Site is - https://kiburi-lifestyle.myshopify.com/
Hello @kiburi-lifestyl , please do this change
Go to online store ---------> themes --------------> actions -------------> theme.css-------> line number 11890
Change to -----> background: #cb99d7;
let me know if this helped.
Thanks
.quick-links {
background-image: url(/cdn/shop/files/header.jpg?v=1718336128);
background-size: cover;
background-repeat: no-repeat;
}
.quick-links__link.quick-links__link--grow.heading {
color: #fff;
font-size: 20px;
font-weight: bold;
}
have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin โ Online store โ Theme > Edit code:
Step 2: Search for the file theme.css. And add this code snippet to the end of the file.
.quick-links {
background-image: url(/cdn/shop/files/header.jpg?v=1718336128);
background-size: cover;
}
.quick-links__link.quick-links__link--grow.heading {
color: beige;
}
In this step, you make a graphic that matches similar to Header image into class quick_link and change color of text in this.
In example, I choose โcolor: beigeโ, you can edit color as you want to display.
Step 3: Save your code and reload this page.
=>> The result:
I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.
Have a nice day sir!
You can try to use this code and check if reach your request.
.quick-links {
background-color: #1b3938 !important;
}
.quick-links .quick-links__link { color: #fff !important; }
Thanks heaps for your help mate muchly appreciated