- 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
That is definitely not the theme’s issue. Please carefully check out your custom CSS code
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 ?
in most cases (99%) that is a cache issue
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 ?
I just make a test and custom CSS works fine, see the screenshot https://take.ms/78bud
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…
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
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.
Did you try to validate your CSS code? https://take.ms/FnJKb
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.
Ok I solved it.
Thanks for your help and sorry ‘cause some issues came from me.
Great!