Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 18, 2015 at 5:26 pm #398288
    Jan

    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

    February 18, 2015 at 5:30 pm #398290
    Yigit

    Hey Jan!

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

    Best regards,
    Yigit

    February 18, 2015 at 5:37 pm #398296
    Jan

    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, 10 months ago by Jan.
    February 18, 2015 at 5:42 pm #398308
    Yigit

    Hi!

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

    Cheers!
    Yigit

    February 18, 2015 at 5:43 pm #398310
    Jan

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

  • Author
    Posts
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.