Can't get rid of white space/padding at the bottom of a row

Home Forums Perth Pro Can't get rid of white space/padding at the bottom of a row

Topic Resolution: Resolved

This topic contains 7 replies, has 2 voices, and was last updated by  Roman 6 hours, 43 minutes ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1044739

    benjibliss
    Participant

    I’ve been trying to eliminate the white space that exists between 2 rows on my website’s front page-
    http://9a6.3c4.myftpupload.com

    I can’t find any documentation, nor has my attempt to set my padding levels to “0” worked.

    The screenshot can be seen here
    http://9a6.3c4.myftpupload.com/wp-content/uploads/2017/09/white-space.png

    Is there some custom CSS code to remove that white padding under the photos?

    #1045325

    Roman
    Moderator

    Hello @benjibliss,

    1. Edit row (not widget itself) that contains projects widget, expand Theme section and type 0 (zero) into Top/bottom padding input field, save your changes.

    2. Remove empty paragraphs from the text widget that contains projects widget shortcode, you can do it in Text tab of widget editor.

    3. Also you can add some bottom padding to the widget that is above projects widgets to keep space above projects widget title. You can do it in Layout section of widget editing dialog.

    Kind Regards, Roman.

    #1048000

    benjibliss
    Participant

    Hey, Roman!

    I followed step 1 and set the top/bottom padding to 0

    2. The text widget has the following code, [perth-masonry posts=”8″ post_type=”projects” filter=”yes” include=”wingman”], but if I delete any of that code then the photos disappear. Is there anything from that code that needs to be changed?

    There is still a small white line between the “Up Close” and “Our Team” Sections, shown here- http://9a6.3c4.myftpupload.com/wp-content/uploads/2017/09/white.png

    How can I remove the white line and make the borders flush with each other?

    Thanks for all your help

    #1048971

    Roman
    Moderator

    Hello @benjibliss,

    Regarding step 2, are you sure that you checked in Text tab and not in Visual tab that opens by default?

    Kind Regards, Roman.

    #1053077

    benjibliss
    Participant

    Hey, Roman. Yes, I am sure. Here is a screenshot- http://9a6.3c4.myftpupload.com/wp-content/uploads/2017/09/Text.png

    What else could it be? I just double checked and the bottom/top padding in the Theme section is set to 0.

    #1055262

    Roman
    Moderator

    Hello @benjibliss,

    Strange. As a workaround, you can try to use the following CSS code.

    You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

    .panel-widget-style-for-220-7-0-0 p {
        margin-bottom: 0;
    }

    Please feel free to ask any other questions that you might have.

    Kind Regards, Roman.

    #1062273

    benjibliss
    Participant

    That custom code worked very well.

    thank you, Roman!

    #1062495

    Roman
    Moderator

    Great! You are welcome @benjibliss! 🙂

    Kind Regards, Roman.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.