Change color of price tab on preview images

Oh and is it possible to make it have a shadow so it has some kind of dimension as the gray/black one does (the one currently there).

Hi there,

Thanks for reaching out.

Can you please share a screenshot of which element we are talking about here?

Let me know, and I’ll be glad to check further.

Best,

https://snipboard.io/6DvjpL.jpg

An unintended benefit is that I learned how to use developer mode on my site to learn and play. After playing around with it, here is what I decided on: White on Black, font less bold, font larger in size. I used this self-constructed code

/* price tab color change */
ul.products li.product .price {
    color: white;
    font-weight: 500;
    font-size: large;
    background: black;
    box-shadow: 5px 0 0 0 black;
}

Here was my result – https://snipboard.io/iylOZr.jpg

• This reply was modified 2 years, 2 months ago by Royah Marie.

Hi there,

Thanks for getting back to us.

I can see it’s applied on that section, and price is on black background with white color, also I can see font size is increased as well, so your CSS code is working perfectly fine:

Best,