Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1421184

    hannahlincoln
    Participant

    Hey, I’m having an issue with our blog. For some reason it’s not loading properly, there are massive gaps between the rows of blogs and on the top row, three are appearing correctly but the next one, only one blog post is showing in the middle, do you have any idea why this is happening?’

    Thanks

    #1421185

    hannahlincoln
    Participant
    This reply has been marked as private.
    #1421279

    Lely
    Moderator

    Hello There,

    The issue is because of this custom CSS:

    .x-integrity .post .entry-footer {
        display: absolute;
        top: -99999em;
        visibility: hidden;
    }

    Please remove it.

    Then from your CSS, I can see this:

    .page-id-6622 .entry-wrap {
    	padding-left: 0;
    	padding-right: 0;
            padding-top: 0;
    }
    
    .page-id-6622 .entry-wrap {
      padding-bottom: 0;
    }

    We can combine and shorten it to this:

    .page-id-6622 .entry-wrap {
    	padding: 0;
    }

    Then to apply that on other pages too, we do it like this:

    .page-id-6622 .entry-wrap,
    .page-id-6625 .entry-wrap {
    	padding: 0;
    }

    No need to repeat the same CSS declaration.
    Then look for this part too:

    body .gform_wrapper form .gform_body ul,
    02
    body .gform_wrapper form .gform_body ul li {
    03
        list-style-type: none !important;
    04
        list-style-image: none !important;
    05
        list-style: none !important;
    06
        background-image: none !important;
    07
        background: #a7a8aa;
    08
        padding: 0 !important;
    09
        margin: 0 !important;
    10
        border: none !important
    11
    }
    12
    body .gform_wrapper form .gform_body ul > li:before {
    13
        content: "";

    Update to this:

    body .gform_wrapper form .gform_body ul,
    body .gform_wrapper form .gform_body ul li {
        list-style-type: none !important;
        list-style-image: none !important;
        list-style: none !important;
        background-image: none !important;
        background: #a7a8aa;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important
    }
    
    body .gform_wrapper form .gform_body ul > li:before {
        content: "";
    }

    Hope this helps.

    #1423511

    hannahlincoln
    Participant

    Hi Lely,

    Thank you for your help above. However, now the tags that were taking up the big blank gaps are visible, is there anyway of hiding the tags and moving the large white spaces between rows?

    There also seems to be an issue with the spacing between a couple of the blogs’ featured images and the header.

    Thank you!

    #1423512

    hannahlincoln
    Participant

    Sorry for the spam!

    I’ve managed to hide the tags successfully, just need a hand with the spacing between the featured images and blog titles on the main blog page.

    Thank you

    #1424164

    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
    .blog .has-post-thumbnail .entry-featured {
            margin-bottom: 15px;
    }

    Hope that helps.