Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #398288

    Hi,

    I want to reduce the top-margin of the Special Heading by adding the following code to my Enfold child theme’s CSS.

    .av-special-heading { margin-top: 20px; }

    Even if I add !important after it I don’t get it to work only when entered in the Quick CSS box. I would love to prevent having to work in this box because I feel more comfortable using Coda to edit custom CSS in a separate file.

    I would think that custom CSS in a child theme would alwyas overrule the default CSS and that workarounds like !important or adding it to Quick CSS boxes would not be necesarry. But maybe I’m missing something in how Enfold works.

    Thanks for any help, best regards,

    Jan

    #398290

    Hey Jan!

    You can use Style.css file of your child theme to add your custom CSS code.

    Best regards,
    Yigit

    #398296

    Hi Yigit,

    I feel stupid, I missed a } in my custom code for another class.
    That prevented the mentioned code to work.

    Thanks, Jan

    • This reply was modified 9 years ago by Jan.
    #398308

    Hi!

    You have one unclosed curly bracket and double quotes seem wrong, fixed them here – http://pastebin.com/NENUAWK8

    Cheers!
    Yigit

    #398310

    Ha, you’re fast. Found it and changed my last post, but you were already on it. Thanks Yigit!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Custom CSS not working in child theme, only in Quick CSS box’ is closed to new replies.