Homepage Slider Image Size

Posted in: Newspaper
Post count: 136

Hi,

How do you change the size on the image that displays on the homepage demo slider?

Thank you

  • This topic was modified 12 years by joventu.
Post count: 136

I am referring to the image resolution size on the sliders.

Post count: 780

Hello,

You cannot easily change the sliders ratio/resolution. What resolution do you need? I will try to test if it can be done.

Post count: 136

Hi Radu,

I am just looking to see if it could be a bout 100-150px bigger in height? PLease advise.

Thank you,

Post count: 136

Any update on this? is it going to be possible to do? Or can you direct me to were the actual settings for this are?

Thank you,

Post count: 3343

Hello,

1. Open function.php and replace this code to be like this:

//big slider – big image
add_image_size(‘art-slidebig-main’, 745, 606, true);
//big slider – small image
add_image_size(‘art-slidebig-small’, 326, 200, true);

http://screencast.com/t/VXIPbVKjIvff

2. Open td_module_slide_big.php located in \includes\app\modules and replace art-wide with art-slidebig-small in 3 places:

http://screencast.com/t/1JMfDchB

3. Add this to style.css


@media
(min-width: 1200px) {
.td_block_slide_big .iosSlider-col-3 .item {
height: 606px !important;
}

.td_block_slide_big .iosSlider-col-3 {
height: 606px !important;
}
.td_block_slide_big .iosSlider-col-3 .item .td-slide-item-main {
height: 606px;
}

.td_block_slide_big .iosSlider-col-3 .item .td-slide-item-sec {
height: 200px;
}
}

@media
(min-width: 768px) and (max-width: 1018px) {
.td_block_slide_big .iosSlider-col-3 .item .td-slide-item-main {
height: 545px;
}
}

4. Rebuild the thumbnails using steps from here: http://import.tagdiv.com/newspaper/doc/#existing-content

Post count: 136

OK great! Excellent thank you once again Marius!

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