Big slide blocks

Posted in: Newspaper
Post count: 10

Hey,

How do I change the blocks at the big slider so the main big block will appear on the right side of the slider and the 3 little ones on the left?

Post count: 6600

Hi,

The thumbs are set like that via css using float:left. Use this custom css in theme panel > custom css to set it the float right:

.td-big-grid-post {
float: right;
}

.td_block_big_grid .td-big-grid-post-0 {
border-left: 3px solid #ffffff;
border-right: 0px;
} 

Use !important after the value, like this float: right !important; if it dose not work.

Should work like this: http://screencast.com/t/OCjl4g1Z

Thanks

Post count: 388

This might actually be an improvement! I’ll have to try it out… but what will happen with the way the slider is reorganized on mobile?

P.S. Best headline ever on that cat slide.

Post count: 6600

Hi,


@TheMediumUTM

You could add the css into an @media which will apply this css only for mobiles if this doesn’t look good, or you can style the looks for mobile using the same @media for mobile screen width.
Sould look something like this:

@media (min-width: 768px) {
.td-big-grid-post {
float: right;
}

.td_block_big_grid .td-big-grid-post-0 {
border-left: 3px solid #ffffff;
border-right: 0px;
}
}

This will not apply for mobile screens.

Thanks

Post count: 388

Thanks!

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