• Closed
  • Chuck-Bruce
    Spectator
    December 4, 2017 at 6:53 am #35827

    Right now there is approximately one inch between the each of the blog posts on our “News” page that uses the following blog shortcode:

    blog number_posts=”6″ cat_slug=”” exclude_cats=”buy-sell” show_title=”yes” title_link=”yes” thumbnail=”yes” excerpt=”yes” excerpt_length=”50″ meta_all=”yes” meta_author=”no” meta_categories=”yes” meta_comments=”no” meta_date=”yes” meta_link=”no” meta_tags=”yes” paging=”yes” scrolling=”pagination” strip_html=”no” blog_grid_columns=”2″ layout=”medium” class=”” id=””

    Is there a setting somewhere that I can change to cut that white space in half?
    If not, is there some code I can put in the Additional CSS section to adjust it?
    And lastly, if there is custom css code to change it, could you tell me how you tracked down that custom css?

    As part of building this new site, I’m trying to learn css and would like to know how you determine where to look to figure out what has to be customized.

    Thanks!

    vaibhav
    Spectator
    Posts: 287
    December 4, 2017 at 8:43 am #35835

    Hi,

    Add custom css for space between blog posts
    .page-id-1099 .t4p-blog-medium .entry-meta .entry-meta-details {
    margin: 0;
    }

    .page-id-1099 .t4p-blog-medium .entry-meta, .t4p-blog-large .entry-meta {
    margin: 0;
    padding: 0;
    }

    .page-id-1099 .hentry {
    padding-bottom: 0px;
    }

    Thank you

    Chuck-Bruce
    Spectator
    Posts: 65
    December 4, 2017 at 7:31 pm #35846
    This reply has been marked as private.
    vaibhav
    Spectator
    Posts: 287
    December 5, 2017 at 6:59 am #35851

    Hi,

    First, Add above custom css in your additional css area of the customizer.
    go to dashboard and open a path
    Appearance -> Customize
    http://prntscr.com/hj8g61

    Sorry for we miss your third point, don’t worry definitely we will help you to how to track custom css. you need to some basic HTML and CSS knowleage.
    https://developers.google.com/web/tools/chrome-devtools/css/

    Thank you

    Chuck-Bruce
    Spectator
    Posts: 65
    December 6, 2017 at 7:41 pm #35870
    This reply has been marked as private.
    vaibhav
    Spectator
    Posts: 287
    December 7, 2017 at 7:54 am #35876

    Hi,

    Sorry But we have created custom css for the particular News page, not another page.
    But Great you create right custom css for both pages.

    Thank you