How to make transparent Label -New & Sale,Out of stock

[Anaa]

Dear community members,

Hope everything goes well around you!

I want to change labels as  TRANSPARENT for  NEW & SALE , out of stock  etc on prestashop version 8 .

Is that possible ? if yes, how to change it ? Please help me

Best wishes

Anaa

 

[Anaa]

2 minutes ago, Anaa said:

Dear community members,

Hope everything goes well around you!

I want to change labels as  TRANSPARENT for  NEW & SALE , out of stock  etc on prestashop version 8 .

Is that possible ? if yes, how to change it ? Please help me

Best wishes

Anaa

 

If is that possible to make changes as I wish, after the changes should be looks like this image

[ComGrafPL]

On the image above, they're not transparent. They have a white background. If your images will have white background it will looks better. Be more specific. Share url.

[Anaa]

23 hours ago, ComGrafPL said:

On the image above, they're not transparent. They have a white background. If your images will have white background it will looks better. Be more specific. Share url.

Hi thanks for reply !

Yes, on the image labels are not transparent.All labels Background color is white . I want to make a transparent LABEL . I am editing  theme.css to changing label text colors but I do not know how to make label text TRANSPARENT. Do you know how to change it?

https://diamondanna.com/en/

 

[ComGrafPL]

16 minutes ago, Anaa said:

Hi thanks for reply !

Yes, on the image labels are not transparent.All labels Background color is white . I want to make a transparent LABEL . I am editing  theme.css to changing label text colors but I do not know how to make label text TRANSPARENT. Do you know how to change it?

https://diamondanna.com/en/

 

So, like that?

 

[Anaa]

28 minutes ago, ComGrafPL said:

So, like that?

 

Yes, That's right

[ComGrafPL]

But same time you will need to change Online only / On Sale one. Send me those color codes , and if you need any background colors on Online only / On Sale, send me as well. Will get you a code to  change it.

[Mediacom87]

Hi,

in your theme folder in custom.css file add this

.product-flags li.product-flag {
	color: #edbbde;
	background: transparent;
}

you can define a specific target with class defined for each element.

for new flag the class is "new" for on sale is "on-sale".

.product-flags li.product-flag.new {

.product-flags li.product-flag.on-sale {

 

[Anaa]

5 hours ago, Mediacom87 said:

Hi,

in your theme folder in custom.css file add this

.product-flags li.product-flag {
	color: #edbbde;
	background: transparent;
}

you can define a specific target with class defined for each element.

for new flag the class is "new" for on sale is "on-sale".

.product-flags li.product-flag.new {

.product-flags li.product-flag.on-sale {

Good morning 

it's works thank you .

but I can not changing

product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {

background-color: #fff;

I try to add to custom.css as like

product-flags li.product-flag.discount-percentage {
    background-color: #fff;
    background: transparent;

But does not get any effect

Regards

Anaa

 

[Anaa]

13 hours ago, ComGrafPL said:

But same time you will need to change Online only / On Sale one. Send me those color codes , and if you need any background colors on Online only / On Sale, send me as well. Will get you a code to  change it.

Good morning

Color code os: #2158f

Can you change wishlist  background transparent too please ?

Regards

Anaa

[Mediacom87]

Il y a 5 heures, Anaa a dit :

Can you change wishlist  background transparent too please ?

.wishlist-button-add {
	background-color: transparent;
	box-shadow: none;
}

 

[Anaa]

7 hours ago, Mediacom87 said:

.wishlist-button-add {
	background-color: transparent;
	box-shadow: none;
}

 

@Mediacom87Thank you so much.

Wish you all the best!

 

[Anaa]

On 5/16/2023 at 6:17 PM, Mediacom87 said:

.wishlist-button-add {
	background-color: transparent;
	box-shadow: none;
}

 

Thank you so much for you help

 

 

[Divine]

Hello, don't forget to edit your first post and to add [Solved] in the title