• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 07.12.20, 15:09
  • Opened by: Sylvain Duval
  • Closed by: Fred
  • Closed on: 15.12.20, 15:26
  • Reason: Closed
  • Comment: Glad to help!

Ticket #20135 - Custom CSS doesn't work

Hello,

On mlv.lokris.ovh , some of my CSS customization don’t work. For example :
.category-desc-wrap h1{text-align:center;color:#8ec63e !important;} –> category titles stays grey even with this code.

But I’m using the exact same code as another website (and there it worked).

Do you know why ?

Thanks,
Nathalie

Comments

Fred 07 Dec 2020, 15:10

That is definitely not the theme’s issue. Please carefully check out your custom CSS code

Sylvain Duval 07 Dec 2020, 15:17

That’s weird because this exact same code works on my site ocape.com but doesn’t on mlv.lokris.ovh.
You have no explanation ?

Fred 07 Dec 2020, 20:30

in most cases (99%) that is a cache issue

Sylvain Duval 08 Dec 2020, 09:26

I cleared it several times, used another computer with another navigator, but it does still display the same.
Is it possible that the customizer has a problem ?

Fred 08 Dec 2020, 10:42

I just make a test and custom CSS works fine, see the screenshot https://take.ms/78bud

Sylvain Duval 08 Dec 2020, 10:54

Please, have a real look on my front office compare to the custom CSS :
.category-desc-wrap h1{text-align:center;color:#8ec63e !important;}
My description title aren’t displaying green and centered, they still display with the grey default color and align left.

Tell me if my custom code is false, but I think it is not…

Fred 08 Dec 2020, 10:55

I’m sorry, but that is not theme’s issue, but your own CSSS code. As I have showed you the code you add to theme settings appears in the necessary file

Sylvain Duval 15 Dec 2020, 12:17

We bought your theme several times, we never had issue with the CSS customizer.
But on this website it doesn’t work properly.
I add code, and it is not always working.

Please, have a look on my custom CSS, when it is written /*A VERIFIER NE SEMBLE PAS FONCTIONNER */ it means that code is not working.
Take time to have a look at it.

I can understand that some of my code is wrong to it’s not working, but not that much.

So please, could you make the <> Customer CSS/JSS work via your theme settings.

Fred 15 Dec 2020, 13:22

Did you try to validate your CSS code? https://take.ms/FnJKb

Sylvain Duval 15 Dec 2020, 14:22

I haven’t seen that tool, thanks I made some mistakes.

But there are still some code that aren’t working. Like this one :
.block-reassurance li{border-top-left-radius:50px !important;border-bottom-right-radius:50px !important}
or this one :
body .product-miniature .product-thumbnail .btn{background-color:rgba(142, 198, 62, 0.60) !important}
And others.

Could you have a look at it ?

When I try it via code inspector it works, but then when I try to apply it on the website it doesn’t.
It like some elements are not impacted by this custom CSS code.

Sylvain Duval 15 Dec 2020, 14:25

Ok I solved it.
Thanks for your help and sorry ‘cause some issues came from me.

Fred 15 Dec 2020, 15:26

Great!