badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

TH: Horizontal/vertical posts – Currently 5 stories, how reduce to 3?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #82857
    David Humphreys
    Participant

    Hi 🙂

    As title. On Newscard Pro, my homepage uses TH: Horizontal/vertical posts and there is currently one lead story and 4 smaller stories – how can I reduce this to 2 smaller stories plus the lead story?

    Many thanks!

    Dave

    #82977

    Hi David Humphreys,

    The TH: Horizontal/vertical posts widget is designed to fit the Grid Layout. Reducing 2 smaller posts might not affect the layout on Horizontal Post Option but the layout will affected and design goes off on Vertical Post Option.

    So will that be Ok, If you are then you will provide you Custom CSS code to reduce 2 smaller posts.

    Thanks

    #86065
    David Humphreys
    Participant

    Hi 🙂

    Yes please could you send me the CSS?

    Many thanks!

    Dave

    #86077

    We have provided 3 optional Custom CSS code 1. for Post Vertical, 2. for Post Horizontal and 3. for Both Post Vertical and Post Horizontal. You can use the Custom CSS code as per your requirement.

    Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

    1. For Post Vertical Only

    .newscard-widget-horizontal-vertical-posts .post-vertical .second-col .post-boxed:nth-child(3),
    .newscard-widget-horizontal-vertical-posts .post-vertical .second-col .post-boxed:nth-child(4){
    	display: none;
    }

    2. For Post Horizontal Only

    .newscard-widget-horizontal-vertical-posts .post-horizontal .second-col .post-col:nth-child(3),
    .newscard-widget-horizontal-vertical-posts .post-horizontal .second-col .post-col:nth-child(4){
    	display: none;
    }

    3. For Both Post Vertical and Post Horizontal

    .newscard-widget-horizontal-vertical-posts .post-horizontal .second-col .post-col:nth-child(3),
    .newscard-widget-horizontal-vertical-posts .post-horizontal .second-col .post-col:nth-child(4),
    .newscard-widget-horizontal-vertical-posts .post-vertical .second-col .post-boxed:nth-child(3),
    .newscard-widget-horizontal-vertical-posts .post-vertical .second-col .post-boxed:nth-child(4){
    	display: none;
    }

    Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.