Change colour of the 'product recommendations' background in Cart Drawer

[harper1989]

Hi All, I am trying to change the colour of the 'product recommendations' background, in the Cart Drawer.. I am using FOCAL 12.0.1.

Screenshot below - I am trying to change the grey to a brighter colour, any ideas how I can do this?

Many thanks

[Made4uo-Ribe]

Hi @harper1989 

Can I check your store? It password protected. Thanks!

[harper1989]

Just sent you a DM with password

Thankyou

[Made4uo-Ribe]

Thanks for the info, im not sure what background color you want to add but I also provide the code for changing color text. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 999px){
.mini-cart__recommendations-inner {
    background: aqua;
}
/* Text Color */
.mini-cart__recommendations-inner * {
    color: black;
    text-decoration-color: black;
}
a.product-item-meta__title, .price-list.price-list--centered span.price {
    color: black !important;
}
}

And Save. 

Result:

Note: This changes is only on the tablet and mobile screen. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[harper1989]

Thankyou! Is there anyway to change the background only, so the title and price remain the same colour?

[harper1989]

And also make the change on desktop too?

[Made4uo-Ribe · Accepted solution]

if only the background, check this one. same Instruction. 

.mini-cart__recommendations-inner {
    background:#00FFE8;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[harper1989]

This my friend is perfect, thank you!

[BSS-TekLabs]

Hello @harper1989 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.