Add background colour to image in home category blocks

Solved

Add background colour to image in home category blocks

David334
Tourist
7 0 1

I would like to add a background colour to an image (Year 10 Sport Science). At present it is all white and would like to make another colour so it is visible.Screenshot 2024-01-17 at 2.21.55 pm.png

https://pestudiesresources.com.au/

Accepted Solution (1)

Liqiud_xPert_SJ
Shopify Partner
1031 125 155

This is an accepted solution.

Hi @David334  hope you are doing well.

 

Please refer to the below instructions and paste that code into your them files

1- Online Theme

2- Edit Code

3- Open custom.css file from the left sidebar in the theme files

4- Put code at the end of the file

5- Hit save

 

.category_wrap .category_block:nth-child(4) {
background-color: #219704;
}
.category_wrap .category_block:nth-child(4) .btn-groups a {
color: #219704;
}

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 6 (6)

Liqiud_xPert_SJ
Shopify Partner
1031 125 155

This is an accepted solution.

Hi @David334  hope you are doing well.

 

Please refer to the below instructions and paste that code into your them files

1- Online Theme

2- Edit Code

3- Open custom.css file from the left sidebar in the theme files

4- Put code at the end of the file

5- Hit save

 

.category_wrap .category_block:nth-child(4) {
background-color: #219704;
}
.category_wrap .category_block:nth-child(4) .btn-groups a {
color: #219704;
}

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
David334
Tourist
7 0 1

I cant seem to find the custom.css file from the left side bar. Apologies!

 

Liqiud_xPert_SJ
Shopify Partner
1031 125 155

@David334 

2024-01-17 11_56_17-Minor Creations · Edit ~ Refresh V1.6 · Shopify.png

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
David334
Tourist
7 0 1

Found it - and it worked. Thanks!

Liqiud_xPert_SJ
Shopify Partner
1031 125 155

@David334 

 

Appreciated 🙂

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

Moeed
Shopify Partner
4304 1105 1354

Hey @David334 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.category_wrap .category_block:nth-child(4) {
    background: black !important;
}
.category_wrap .category_block:nth-child(4) .btn-groups a {
    color: black !important;
}
</style>

RESULT:

Moeed_0-1705474345820.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️