Slideshow responsive title

**GK User** Wed Apr 09, 2014 1:31 pm Reply with quote Report this post

The slideshow is responsive but the text is not! It is too big.

I have tried adding font-size: 1.5vw; to the css but no luck. I would appreciate your help.

http://depika.biz/various/gastronomynew/

**GK User** Wed Apr 09, 2014 9:40 pm Reply with quote Report this post

Hello,

You have to adjust the font-size property for the following selector:

Code: Select all: .gkIsWrapper-gk_shop_and_buy .figcaption h3

for all responsive CSS files: small.desktop.css, tablet.css, small.tablet.css, mobile.css

**GK User** Thu Apr 10, 2014 8:38 am Reply with quote Report this post

Thank you. I fixed it!

**GK User** Thu Apr 10, 2014 11:00 am Reply with quote Report this post

At the css files small.desktop.css, tablet.css, small.tablet.css, mobile.css how can I know which one appears for which resolution?

**GK User** Thu Apr 10, 2014 11:02 am Reply with quote Report this post

It is a fragment from your page source code:

Code: Select all: <link rel="stylesheet" href="http://depika.biz/various/gastronomynew/templates/gk_instyle/css/small.desktop.css" media="(max-width: 1230px)" /> <link rel="stylesheet" href="http://depika.biz/various/gastronomynew/templates/gk_instyle/css/tablet.css" media="(max-width: 1024px)" /> <link rel="stylesheet" href="http://depika.biz/various/gastronomynew/templates/gk_instyle/css/small.tablet.css" media="(max-width: 820px)" /> <link rel="stylesheet" href="http://depika.biz/various/gastronomynew/templates/gk_instyle/css/mobile.css" media="(max-width: 580px)" />

The resolutions are visible in the media attribtue.