Hai sir,
I need to add Custom banner slider images on the pixel ratio of 1200*500 in my website http://www.thirdimedias.com
please guide me how to add Banner images on home page as a slider. that banner image should reflect between menu bar and the actual home page content. And also it should reflect on each and every posts and pages of the website so as the home page.
Hello thirdimedia,
You should use the IOS Slider or Big Grid Slider element from TD Composer and add it at the very top of your page. Please check here -> https://demo.tagdiv.com/newsmag/slider/
Thanks for the message!
No what iam asking is, I need not add post as slider. All i need is a another image to be added as slider on the top.
Hello thirdimedia,
For more settings for Sliders, you should try using the Revolution Slider because this plugin offers you a lot of ways for sliding. For more information about this, please check here -> https://www.themepunch.com/revslider-doc/slider-revolution-documentation/
Thanks for your understanding!
Hello,
I would like to use the “slider” and the “block 14” with two posts in the same row. But could not arrange the margins. Is there any way to make the height of the slider as same as the “block 14 with two posts” and also put the bullets or buttons on slider, like the one here https://demo.tagdiv.com/newspaper_blog_cars/. In general want it look like the one here. https://stockholmcf.org/
Hello stockholmcff,
Unfortunately, I do not exactly understand what you want to achieve. Please provide some useful screenshots with your desired changes so I will be able to provide a more accurate response/code.
Thanks.
As you could see in the picture, ( https://stockholmcf.org/wp-content/uploads/2018/03/1.png) I used “Slider” (the big box) and “block 14” with two posts in the same row. But could not arrange the height of slider. I want it to look like the grid with slider used in this page https://stockholmcf.org/ or in this pic (https://stockholmcf.org/wp-content/uploads/2018/03/2.png)
By the way, I am using Newspaper theme (news magazine).
Hello,
This can only be done with customization. You will need to alter the css of the blocks in order to make them the same height. You will have to assigning an extra class to the slider and the block next to it so they can be targeted with css.
Here is an example on the default code, but this will alter every block that uses module mx1 and that is not desirable. That is why you need a custom class.
.td_module_mx1 .td-module-thumb{
height: 162px;
}
.td_block_14 .td-block-span12 .td_module_mx1 .td-module-thumb{
margin-top: 21px;
}
code with your custom class will look like so:
.mycustomclass .td_module_mx1 .td-module-thumb{
height: 162px;
}
.mycustomclass .td-block-span12 .td_module_mx1 .td-module-thumb{
margin-top: 21px;
}
result: https://www.screencast.com/t/29IpJWZZKCyi
There is also a responsiveness issue. The code needs to be adjusted for each of the 4 viewports. for desktop, tablets portrait and landscape as well as mobiles.
Change the values for each device to make it look properly on all devices. Use the advanced css box in the theme panel
Thank you!
