Can you change the colours in the Quick Links Boxes

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 :slightly_smiling_face: .

Site is - https://kiburi-lifestyle.myshopify.com/

1 Like

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

1 Like

Hi @kiburi-lifestyl

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.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;
}

1 Like

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 :slightly_smiling_face: muchly appreciated :slightly_smiling_face: