Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 16, 2017 at 8:13 am #877404
    805ITS

    Hello,

    I would like to reduce the space between heading on this page between the image “Kx Camera” and the heading below “Kodak * Leica * Hasselblad PCP-80 Slide Projectors & Dissolve Units”:

    http://sbbits-dev.com/kxcamera/

    I reduced the space as much as possible already using the layout builder but I cannot reduce more… Is this something possible using Quick CSS?

    Thank you so much in advance for all your help!

    • This topic was modified 7 years, 1 month ago by 805ITS.
    November 17, 2017 at 5:18 am #877919
    John Torvik

    Hey 805ITS,

    Enable the custom class field following this article: https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add a custom class to the section that the KX Camera image is included and add this custom CSS code:

     .customClass {
   margin-bottom: -32px !important;
}

    Best regards,
    John Torvik

    November 18, 2017 at 3:57 am #878346
    805ITS

    Thank you but I don’t see the option when I go to the theme options. Your article was posted 4 years ago so I am guessing it is at a different place now but I cannot find it.. Can you help?

    Thank you!

    November 18, 2017 at 8:36 am #878408
    Nikko

    Hi,

    Yes, the original post was 4 years ago but this was updated Oct 19, 2017 with the Layout Builder Option. You can’t see this option since you are still using 4.0.3, please update your Enfold to the latest version (4.2) and don’t forget to make a backup first. :)

    Best regards,
    Nikko

    November 19, 2017 at 9:31 pm #878857
    805ITS

    My bad I didn’t see that! I updated the theme and added the custom css class but I don’t see a difference…

    November 19, 2017 at 9:56 pm #878863
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .page-id-11 .post-entry-11 .avia_textblock p {margin-top: 0px !important; }
.page-id-11 .avia-builder-el-1 {margin-bottom: -20px!important; }

    Best regards,
    Mike

    November 22, 2017 at 1:14 am #879977
    805ITS

    Thank you it worked! :)

    November 22, 2017 at 4:03 am #880000
    Nikko

    Hi,

    Glad to hear that. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Reducing space between headings’ is closed to new replies.