full-color background for the Featured product block

Store Design
1

I’m performing a facelift for our e-shop and unfortunately I’ve run into a problem with the Concept template, where I have a Featured product block on the main page and I managed to change the background color within the inserted items using CSS, but unfortunately it creates a white border and none of the classic recommendations like !important, border-coler, etc. work. I’m attaching a screenshot and can someone tell me how to achieve this?

jaroslav_kacer_0-1739550634971.png
jaroslav_kacer_0-1739550634971.png945×443 96.4 KB

1 Like
2

Please share your store link so I can check

1 Like
3

I liked and & accept solutiom and what will be next step? If it possible to send you money for coffee by bank transfer, that is more convinient for me. THX

1 Like
4

Please send me the link to your store containing feature product section so I can provide the code

5

Hello, I’m doing a facelift under the login, which is not visible to others, is it possible to send a code proposal for modifying my own CSS? I would put this addition into this custom CSS code for this block Featured product:

.featured-product {
background-color: #fdba58;
color: #0b61cd !important;
}
.featured-product .product-title-md {
color: #0b61cd;
}
.featured-product .price__regular {
color: #0b61cd;
}
.featured-product .button {
background-color: #0b61cd;
}

Thank you very much

1 Like
6

Please update your code to this and check again.

.section:has(.featured-product),
.featured-product {
background-color: #fdba58;
color: #0b61cd !important;
}
.featured-product .product-title-md {
color: #0b61cd;
}
.featured-product .price__regular {
color: #0b61cd;
}
.featured-product .button {
background-color: #0b61cd;
}
7

I’m sorry, but it’s still the same:

jaroslav_kacer_0-1739732043745.png
jaroslav_kacer_0-1739732043745.png1822×583 84 KB

This is an embedded model and there is no other predefined background (default)?

Thank you

JK

1 Like
8

Could you share preview store URL so I can check and provide correct code?

9

Of course, here is https://linkupp.eu. Thank you

10

Please update code to this

html .section:has(.featured-product):before  {
background-color: #fdba58;
}
11

Thank you, now it functions. It is possible to send me email address for probably next inquiry and send me your number of bank account and I will send you money for coffee :slightly_smiling_face:

1 Like
12

Here is my email if you need me next time: dongdan1986@gmail.com. You can send me coffee via Paypal using the same email.

Thank you!

13

One more thank you very much and I sent you money by PayPal. If I have any others inquiry I will send you email. Have a nice day JK

1 Like
14

Thank you!