Add background colour to image in home category blocks

[David334]

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.

https://pestudiesresources.com.au/

[Liquid_xPert_SJ · 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

[David334]

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

[Liquid_xPert_SJ]

@David334 

Thanks

[David334]

Found it - and it worked. Thanks!

[Liquid_xPert_SJ]

@David334 

Appreciated 🙂

Thanks

[Moeed]

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:

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

Best Regards,
Moeed