Before after

[Montmirail_pls]

Hello, I want to add two elements to the bottom of some buttons with the help of a before/after. I have made locally, on an html template, the dis button with the aim to reproduce the same process on the online site but they do not appear once online.
They are there, in place and the link to the image works but it seems to remain hidden. Do you have any idea what is wrong?
I have provided a screen shot of the html template and a video of what I did online.
Sincerely.

TEMPLATE HTML LOCAL

WEBSITE

VIDEO

accueil content pro

[tristup]

Hi Smith,

Thanks for reaching out.
Sometimes only screenshot doesn’t help us to recognize the issue you are having. We need to examine your site to get the cause of the issue.
Can you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– Specific Page where you are having this issue
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[Montmirail_pls]

Hello, I’ll give you this right away, thank you!

[tristup]

Hi Smith,

I have checked your website and found that the images are there in the before and after selector of the element. But as the images are transparent that are not visible, I would suggest you check and add any solid color image in place of it.

Hope it helps.
Thanks

[Montmirail_pls]

Hello, I replaced the white svg with the same one in red and then another svg which is a simple red square. The result is that it doesn’t change anything, I still can’t see the svg at the bottom left and right of my button.

[ruenel]

Hello Smith,

Your left and right values in your custom CSS should be set to 0 and not -20 pixels.

Kindly let us know how it goes.