Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 6, 2014 at 7:27 am #220349
    ojooce

    Hello,

    I’d like to reduce the padding on the header ‘Solutions’ at the top of this page: http://www.iss.olivejooce.com/solutions
    It’s using H2, Heading Style Modern Left. I’d like remove 10px from the top and bottom. Can I do this somehow in Quick CSS?

    *This is for the Enfold Theme*

    February 6, 2014 at 7:55 am #220359
    Yigit

    Hey Sally!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .page-id-2464 .avia-slideshow { margin-top: 10px; }
.page-id-2464 .content { padding-top: 10px; }

    Best regards,
    Yigit

    February 6, 2014 at 7:59 am #220361
    ojooce

    Thanks Yigit! It worked. I should’ve have been more specific – I want to update all of the H2, Heading Style Modern Left on all of the pages that use it. The ‘Solutions’ page was just an example. Sorry for the confusion.

    Is there a style name I can replace the page id with so that it updates all of the H2, Heading Style Modern Left headers throughout the site?

    February 6, 2014 at 6:19 pm #220579
    Yigit

    Hey!

    You can try adding following code to Quick CSS 

    .av-special-heading { margin-top: 10px!important; margin-bottom: 0!important; }

    But special heading elements does not have such big padding or margin. It usually is from other elements. You can remove page ID to apply the code globally

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Reducing Padding on Header’ is closed to new replies.