Background options per product

Hi there,

It depends on how you added the background.

If you need a different colour per product, you can either:

• use a layer “without choices”, as the background
• use CSS to change the background colour of the configurator viewer

Marc

Hi. Sorry, I wasn’t very clear. I have a background image set on the configurator customizer settings (Large Blue rectangle) along with Blue accent colour for text. All my product layers have no backgrounds. On the second product I wish for the background to be red with red accent colours on the text. I am using the float style so when I add a background to my product images it looks bad against a white background.

I see. You will definitely need CSS for this. For example:

.postid-1086 .mkl_pc {
    --mkl_pc_color-primary: rgb(238, 255, 119);
    --mkl_pc_color-primary_rgb: 238, 255, 119;
}

.postid-1086 .mkl_pc .mkl_pc_container .mkl_pc_bg {
    background-image: none !important;
    background-color: var(--mkl_pc_color-primary);
}

.postid-1086 is the prefix for the current product, to make sure the style only applies to that specific one. In this case 1086 is my product’s ID, so you should replace it with yours.

Then the primary color is changed.

The second block removes the background image and replaces it with the primary color. You could also just override the image, with something like this:

    background-image: url(https://mysite.com/myimage.jpg) !important;