How do I correct the Big Slide (block_slide-big) narrower. Mean left big slider and right two images. So far I have done the following:
In the functions.php big_slider_big_image changed from 745/483 to 745/321. And then in includes/modules/td_module_slide_big comment the lines 101-109. But now I do not know any further. Now have a white space and the title is also in the wrong place. Is this much work?
Hi,
Delete this: http://screencast.com/t/ijfBSudF
Add this CSS in Theme panel -> Custom CSS section
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 289px !important;
}
.td-slide-item-main {
height: 289px;
}
/* responsive monitor */
@media (min-width: 1200px) {
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 321px !important;
}
.td-slide-item-main {
height: 321px;
}
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 212px !important;
}
.td-slide-item-main {
height: 212px;
}
.td_block_slide_big .iosSlider-col-3 {
height: 212px;
}
}
/* responsive portrait tablet */
@media (min-width: 521px) and (max-width: 767px) {
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 212px !important;
}
.td-slide-item-main {
height: 212px;
}
}
/* responsive phone */
@media (max-width: 520px) {
.iosSlider-col-3, .iosSlider-col-3 .item {
height: 125px !important;
}
.td-slide-item-main {
height: 125px;
}
}Don’t forgot to rebuild the thumbnails following this steps https://forum.tagdiv.com/using-the-theme-with-existing-content/
Hope this help.
Thanks!
A big Cake and a bottle of Wine for you. Works fine!
Thank you and have a nice Weekend.
Hi,
Thank you! 🙂
