Collection Image background colour

Technical Q&A
1

Hi All.

I have inherited this site and it is heavy in custom code!

Someone has changed the collection image background colour and set the image to be opaque so it shows through the picture.

You can see the problem here:

https://www.randallscandles.co.uk/collections/ready-made-liquid-soap

I need to reset it but I cant find the code, any ideas?

2

Hello. Can you take a photo of the part you want to change? I’ll help you.

3

MarcRC_0-1721394154640.png
MarcRC_0-1721394154640.png1155×586 265 KB

I need to get rid of this pink, it is on all collection pages with pictures.

Thanks for the help.

4
  • Here is the solution for you @Marc-RC
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the style.min.css or theme.css, base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.collection-bg:before {
     background-color: white !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1721394397195.png
BSSTekLabs_0-1721394397195.png1889×899 200 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
5

Thank you very much.

That fixed the colour problem but the picture is still opaque so now the white background shows through.

6

Fixed with

opacity: 10%;

on the next line

7

If you need any help just let me know. Have a nice day @Marc-RC .