Font-size on phone unreadable (too small) - Support Forum - Digital Factory (dFactory)

Tagged: font-size, Nivo, title

This topic has 3 replies, 2 voices, and was last updated 10 years, 9 months ago by dianeb.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
15 April 2014 at 16:47 #3569

dianeb
Participant

Hi

I am using Nivo (after ditching FancyBox).

For the most part, it’s perfect and responsive.

My problem is the font-size of the title is too small on phone. I see in your CSS it’s hard-coded to be 14px. I tried changing to ems and percent hoping the phone would render better, but no such luck.

I am using a non-responsive theme (a child of toolbox).

Help! (and thank you!)

15 April 2014 at 17:12 #3573

Bartosz
Keymaster

Try to override it by adding !important to the CSS code where you try to modify the font size

15 April 2014 at 18:16 #3576

dianeb
Participant

Yes. I did that (!important) and can make the font any size.

BUT it’s not responsive.

It’s either ok for computer and too small on phone.

Or

way too big on computer and ok on phone.

I put reinstated your 14px size. Good for computer, too small on phone.

http://bkbxgallery.com/ellenk/current-paintings

help? and thank you

15 April 2014 at 21:05 #3580

dianeb
Participant

I have an almost-good solution (without rewriting a lot of css to be responsive which I can’t do at this juncture) so I thought I’d share in case anyone else is struggling with this. (and no, not tested on many devices…just my own phone)

@media only screen and (max-width: 320px) {
.nivo-lightbox-theme-default .nivo-lightbox-title { font-size: 2em!important; }
}

other solutions most welcome!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Featured In