CSS NOT WORKING IN HTML BLOCKS

Hello,
I have two new problems related to the html blocks and dropdown menu please.

1. I have removed some css code from “custom CSS” related to the main menu dropdown. And several product categories haven’t taken it in account .

2. On certain pages the hover of a link inside a dropdown menu in either dark or no hover at all.

Please find more details below + admin access.
Thank you,

Hello,

As far as we are seeing the Hover effect on your Site for the Dropdown Menu, it is appearing the same on all Pages:
https://ibb.co/gdgcMj6
https://ibb.co/PMVdyfJ
https://ibb.co/QFfVkXT

Also, your mentioned CSS is also taking effect too: https://ibb.co/LvKp9JZ

Best Regards

Hello,
About the hover, yes they are back normally, I don’t what helped but that is a good news.
About the css issue (padding removed + background-color darker) of the dropdown menu , the problem appears on my side. Please find the screenshots below.
It is related with all pages linked to the layouts (product archives and single products).

Attachments:

You must be logged in to view attached files.

Hello,

We have checked the your mentioned Layouts defined Pages too and the change is depicting fine there too:

Shop page: https://ibb.co/n65r2RH

The CSS that you had applied to change that Background Color doesn’t had the !important attribute added to it which is why it wasn’t overriding the earlier CSS. So, we have added that now in your CSS and now on all the mentioned Layout Pages the Background Color is appearing according to the CSS defined.

You had a Cache plugin enabled on your Site. So, please try disabling it for the time being then check back the changes again on your Site by completely clearing browser and server cache.

Best Regards

Hello,

About the background color, yes it is working on every dropdown menu correctly now, thank you.

About, the padding, I have disabled the cache in wordpress, cleared my browser (chrome) cache and have asked to the company of my server to do the same on cpanel, they told me that there was the OPcache on my site and they have completely removed it.

After that I have checked back and the padding issue is still not working/applying on all layouts related to single products + the product archive “PATRONS”.

It is a padding added on the section inside elementor, in the html blocks.
(The screenshots are the same ones that I have shared before.)

Also, when I check on the wordpress application on my tablet, the issue appears too.

The other product categories (“PATRONS ACCESSOIRES” + “PATRONS DECO MAISON”) using also the “PATRONS” product category AND the single product layout “PATRONS” have the same problem.

But not the “FAITS-MAIN” category I don’t know why.
Can you help please?

I have found something :

The css padding that has been removed at the beginning from “custom css” has stayed on several pages (cf above), please see the screenshot of the “PATRONS ACCESSOIRES” product archive page which shows the padding appearing. It is supposed to be deleted from css, do you know why it is still appearing and what to do please?

Attachments:

You must be logged in to view attached files.

Hello,

Your issue has been solved. I have updated the custom CSS in the theme settings. Please check the site now after removing the browser cache.

Best Regards.

This is nice, thank you for your help.
How have you done that please? So I will not disturb you again if something like that happens again.

Hello,

I have added the small custom CSS code in the Theme Settings and the issue has been solved.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts