I’m working on a theme that has header-style-7.php, without an advertisement. Can I add a full width slider? Either in the header or right below that. The image gallery is perfect, but the width is 1067px. I would like it to be 100%, but only for that row. I think it’s possible, but quite complicated to do.
Hi,
The Slider element was not meant to be full width, so you have to do some custom work in order to achieve this. First you need to stretch the row containing the Slider – http://screencast.com/t/DmKqDNKXorX Then add this css in Theme Panel->Custom Css
.iosSlider-col-3 .entry-thumb {
width: 100%;
}
This is the result – http://screencast.com/t/8Apbk7Ub
As you can see the image thumb displayed in the slider is still the default size used by the slider element – http://screencast.com/t/bFCcimlnqY only stretched. To modify the thumb to a custom size so it will look better, you have to edit the td_api_thumb found here – http://screencast.com/t/iyhNuouo2PGn coresponding to the Slider on 3 columns. More about the theme API here – https://forum.tagdiv.com/api-thumbnail-introduction/
Make sure you regenerate thumbnails after you make the changes – https://forum.tagdiv.com/existing-content/
Thanks
Nearly there. I’m astounded with what is possible in Newspaper!
I have one problem left:
In style.css on line 471 it reads:
.td-pb-row [class*="td-pb-span"] {
display: block;
float: left;
min-height: 1px;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
I need to set the padding to 0. I added a no-padding class to row settings, but that doesn’t work.
.td-pb-row [class*="td-pb-span"] .no-padding {
padding-left 0;
padding-right0;
}
That’s what I need to solve.
One more question, if I may. I bought this theme for a different site. Right now I’m building on localhost. I’m allowed to do that, I think, for testing. Do correct me if I am wrong.
Do I have to buy a extra license if I want to deploy this site? I’m not asking for a freebie, I need to know in order to charge my client correctly.
Hi,
Even if you remove the padding it is not easy to implement a fully working full width slider, because it means a lot of work and implies modifying a lot more elements including responsiveness. You should try to find a solution that you like using the themes variety of templates and styles and if necessary, using minimal modifications to the default elements.
To answer your second question, the Envato policy allows using a theme only on one install, for a single end product(website) – https://themeforest.net/licenses/standard You can use the theme for testing purposes on sub-domains of your site but only under the condition that it’s part of the same project. If you change your domain you simply have to delete the theme from the previous one and install and activate it in the new one.
Thanks
