Tagged: custom css class, custom.css, quick css
-
AuthorPosts
-
April 6, 2018 at 8:46 am #938119
Hello support,
first of all, thank you for an amazing theme!
I’m trying to put in custom css, but it’s not working in the “quick css” under “general styling” or when I put in “body div .avia-button { border-radius: 1px; }” under “custom css class” for the orange button.
What am I missing?
April 6, 2018 at 10:26 pm #938410Hey AuroraArcus,
Do you have a errors currently in your custom css? If so, this can prevent anything after it from running. Please add your desired css to the very top of the quick css field so that it runs first. Does it work?
Best regards,
Jordan ShannonApril 7, 2018 at 11:52 am #938596Hey Jordan,
I left it blank because it’s not working. I have never received any errors for it.
I’ve had enfold for around 4 years now and no matter what I put in there, the Quick CSS under general styling has never worked for me for some reason.
Inside the custom css for the button I only have this:
body div .avia-button { border-radius: 1px; }
and there’s no reaction to it (it’s not working)…
Best regards,
AuroraApril 8, 2018 at 7:22 am #938712Hi,
Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardApril 8, 2018 at 6:58 pm #938858Hi Rikard,
Thank you – here you go…
April 8, 2018 at 11:30 pm #938913Hi,
The “custom class” box that you had put your code in is for a name of a class, not for code.
So for example, I gave your button a custom class name “booknu”
and then I added this code in the General Styling > Quick CSS field:.booknu a { border-radius: 5px !important; }
I gave it the border-radius of 5px because 1px is so little I don’t believe we could see the difference.
I also gave it the “!important;” so it would overwrite the theme’s rules.
Please clear your browser cache and check.Best regards,
MikeApril 9, 2018 at 8:13 am #939001Thanks for the help Mike – works perfectly. I reckon that it was the “!important” that made it work for me…
April 9, 2018 at 11:34 am #939081Hi,
Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardApril 9, 2018 at 11:35 am #939082Hi Rikard,
Please go ahead and close.
Have a good day!
April 9, 2018 at 11:47 am #939092Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
Mike -
AuthorPosts
- The topic ‘Any custom css I'm putting in, doesn't work!’ is closed to new replies.