Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 22, 2019 at 4:55 pm #1120943
    datadirt

    Dear Enfold team,

    I have a strange spacing problem on one of my sites: I’m using a four-column grid and some of the blog elements get additional spacing between the feature image and the main headline:

    spacing1

    spacing2

    When changing the browser window width, additional spacing problems occur:

    spacing3

    I tried giving the element a custom class and forcing

    ‘.customclass h3 {margin-top:10px !important;padding-top:5px !important;}’ – but that doesn’t produce equal spacings either.

    The site I made the screenshots from is:
    https://faktum.at/

    Any ideas? Please let me know if you need admin access.

    greetings, Ritchie

    July 23, 2019 at 3:33 am #1121087
    Ismael

    Hey datadirt,

    Thank you for the update.

    That is cause by the hidden category container. Please remove the following css code or just disable the top margin.

    h3.slide-entry-title {
    margin-top -36px !important;
    font-size: 18px !important;
}

    Then look for this one:

    .blog-categories {
    visibility: hidden;
}

    Replace that code with this:

    .blog-categories {
    display: none !important;
}

    Don’t forget to toggle the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    July 23, 2019 at 10:46 am #1121154
    datadirt

    @Ismael, thank you so much for the super-fast reply! You rule. Also, I’ll never forget the difference between visibility and display again :)

    July 23, 2019 at 11:09 pm #1121318
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Spacing Problem with the blog posting element’ is closed to new replies.