tooltip colors

turiak · January 28

Dear Betheme team,

I would like to change the background color of my product tooltips. I have tried the following costum css so far:

For the Add to card:

.tooltip::before, .tooltip::after {

background-color: #000000 !important;

}

For the other icons:

.image_frame .image_wrapper .image_links a.link:before,

.image_frame .image_wrapper .image_links a.link:after{

background-color: #000!important;

}

Unfortunately, the background of the Add to Card button now also turns black when I click on it.

I would also like to color all icon outlines black on hover and click. I am missing the corresponding css selector.

This is the link:

I hope you can help me. Thank you very much and best regards!

Tim

Phil · January 29

Hi,

1) I am unsure what is your goal. Can you explain what you want to achieve, please?

2) You can set it up in Betheme -> Theme options -> Global -> Image frame:

Best regards

turiak · January 29

But you're good at guessing. Thanks for the help. Can you also help me to change the tooltips from dark gray to black (#000)?

Best regards

Tim

Phil · January 29

This CSS code should work:

.image_frame .image_wrapper .tooltip:before,
.image_frame .image_wrapper .tooltip:after{
 background-color: #000;
}

Best regards

turiak · January 31

Great! Thank you very much!

Comments