Big Slider with 3 Posts?

Posted in: Newspaper
Post count: 13

Hey tagDiv -Team, I was wondering if it is possible to have the Big Silder show 3 posts in stead of 4?

Thanks for your time 🙂

  • This topic was modified 11 years by Viralvid.
Post count: 6600

Hi,

The big slider was originally thought and designed to use 4 posts.
You could try though something like this: http://screencast.com/t/52NcXbRGo2dA
First you have to add another image size into the functions.php file, like this: http://screencast.com/t/5Ob5LBNXBGK0
Here is the code for it:

//big slider - new image
add_image_size('new-image',  354, 483, true);

Second you have modify this: http://screencast.com/t/Or0iRGwRB
Then you have to regenerate thumbnail, to create the new thumbs for the slider, to do that follow this guide: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/

After doing that add this custom css into custom css filed in theme panel, like this: http://screencast.com/t/Irdh4spACkPy
Here you have the css, just paste it in the custom css filed in theme panel:

.td_block_big_grid .td-big-grid-post-0, .td_block_big_grid .td-big-grid-post-1, .td_block_big_grid .td-big-grid-post-2 {
width: 354px !important;
height: 483px;
}

.td-big-grid-post-3 {
display: none;
}

.td_block_big_grid .td-big-grid-post-0, .td_block_big_grid .td-big-grid-post-1 {
border-right: 5px solid #ffffff !important;
}

.td-sbig-title-wrap, .td-sbig-title-wrap {
bottom: 0px;
}

.td-sbig-title-wrap .td-sbig-title, .td-sbig-title-wrap .td-sbig-sep
{
font-size: 16px;
line-height: 21px;
}

Result: http://screencast.com/t/52NcXbRGo2dA
This can be used to achieve similar layouts.
Hope this helps!

Thanks

Post count: 13

Hey Lucian, thx for the quick reply – will try this solution 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.