Change text size in Image Show

Hi there,

I use the code below to change text size in Image show. Could you help me with the code to change the text size for small desktops and mobile devices?

Code: Select all

.gkIsWrapper-gk_creativity .figcaption h2 {
font-family: 'Open Sans', Arial, sans-serif; !important;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.24); !important;
font-size: 24pt; !important;
font-weight: lighter; !important;
font-weight: 300; !important;
text-transform:none; !important;
}
.gkIsWrapper-gk_creativity .figcaption h1 {
font-size: 20pt; !important;
font-weight: 300; !important;
}

You need to apply similar code but paste it to tablet.css and mobile.css files - this styles are loading on smaller screens and will overwrite the default template.css code.

Is possible to use some for this at CSS override?

To avoid problems on other screen resolutions you should add code to mobile.css/tablet.css files.