Hi,
I’ve been searching the forums but cannot find a solution to a few issues I have with the slider on my homepage on htt://www.hisoverhers.com
1) On the top left-hand coerner the category name is displayed in a red box and in front there is a shaded/dark grey box with no text. I have noticed that on review posts that box contains the stars given for that review. I only want that shaded/dark grey box to appear on review posts, if possible, or otherwise not to appear at all.
2) I want my slider to look like the one in your demo. With big visible arrows and the text inside the image and not starting outside of the image. Right now the arrows are tiny and on the edges of the slider.
3) In your demo the slider works well in mobile. But when I open my site the post tittle font is huge and does not resize. The result is that text is not displayed properly and the slider looks awful on mobile.
Thanks!
Hi,
1. I couldn’t access your site – http://screencast.com/t/SQX5FSye6Z7
2. The slider arrows should look like this – http://screencast.com/t/DFsxiHbxax please check our demo here – http://demo.tagdiv.com/newspaper/ios-slider/ I need a link to take a look.
3. You can use custom css to decrease font size on article title only for mobile screen(use media queries) for example if you refer to IOS silder: http://screencast.com/t/yjtZ9FUj3eq
@media(max-width:500px) {
.iosSlider-col-2 .entry-title {
font-size: 13px;
}
.iosSlider-col-2 .td-module-meta-info {
font-size: 9px;
}
}
Thanks!
Thank you. The correct link is http://www.hisoverhers.com
It’s up and running
Also, I’ve added the custom CSS code for the mobile slider but it didn’t work.
Hi,
I see the you use version 4 of the theme, please try this custom css – http://screencast.com/t/dF0boXTeT
@media(max-width: 767px) {
.td_normal_slide .td-sbig-title {
font-size: 13px !important;
line-height: 20px !important;
padding: 0 !important;
}
}
Thanks!
Thank you Alin, that solved the issued with the slider on mobile.
However, the slide navigation arrows on a desktop browser still look very tiny and not at all as seen in the demo.
Also, how can I have the post long tittles run all the way to the end of the slider before continuing on the next line?
Hi,
Once again you don’t use the latest version of the theme(6.1) which practically is a new theme so you cannot compare how it look new version that we have on demo with version 4.
Unfortunately in version 4 that you use the arrow are images (not fonts like in Newspaper 6) so you can replace theme with another arrows using custom css or try to add a background color to be more visible – http://screencast.com/t/3ChxBiGX
.iosSlider .prevButton, .iosSlider .nextButton {
background-color: red;
}
Thanks!
