Slider text too big on mobile view

Posted in: Newspaper
Post count: 7
HJKP60
#13353
May 23, 2014 at 6:31 pm

Hi,

When viewed on a small screen/mobile the headline text for the featured two posts in the slider overlaps and cannot be read. Is there a way to control just the slider font size in smallest screen size? See here http://www.brissi.com/blog

I can see that all images resize and elsewhere the text wraps – expanding downwards. This doesn’t happen for the slider where the characters merge.

Many thanks in advance

HJKP60

  • This topic was modified 12 years by HJKP60. Reason: opt in to email reply on follow-up
Post count: 3343
Marius
#13429
May 26, 2014 at 9:20 am

Hi,
Add this CSS in Theme panel -> Custom CSS

.iosSlider .slider .td-sbig-title-wrap .td-sbig-title  {
   font-size: 15px !important;
   line-height: 3px !important;
}

Thanks!

Post count: 7
HJKP60
#13545
May 27, 2014 at 10:52 am

Thanks Marius,

That has worked well.

Appreciated.

HJKP

Post count: 7
randydiaz10
#15671
Jul 15, 2014 at 9:13 am

@Marius

Hello I tried the coding you provided, The problem I am having is that I want to change the font size of just the (TagDiv) Slide in the sidebar and the code you provided changes the main top sliders size which I want to keep at the original font size. Is there any css code that can just effect the sidebar widget slide?

P.S.: Great theme I enjoy everything about it, including the fantastic support!

Post count: 6600
Lucian
#15690
Jul 15, 2014 at 4:43 pm

Hi,

You can add this code in Theme Panel > Custom CSS:

.span4 .iosSlider-col-1 .slider .td-sbig-title-wrap .td-sbig-title  {
   font-size: 15px !important;
   line-height: 3px !important;
}

I’m not sure it will work for you, I need an URL to see the exact issue.
Thanks

Post count: 7
randydiaz10
#15715
Jul 15, 2014 at 11:37 pm

It worked perfectly thank you very much!

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