Font size in mobile view

paul1
Active member
Topic Author
Member

3 months 3 weeks ago #51050 by paul1

Font size in mobile view was created by paul1

J 4.4.2
www.gippslandopera.com.au
On desktop, I changed the slide text to white to overlay over images - looks good

In mobile view the font is far too large and I cant see if I can reduce font size
In mobile view the same colour settings for desktop view mean that the font is white with drop shadow.

Is it possible to

A) Change slide text font size for mobile view
B: Change slide text backfround colour

My thanks

Paul

Please Log in to join the conversation.

milos
Support Staff
Moderator

3 months 3 weeks ago #51052 by milos

Replied by milos on topic Font size in mobile view

Hello,

You can add some CSS code in custom.css file that will be used on mobile devices only. To change the font size and background on mobile devices only, you can use media queries, for example:

Code:

@media (max-width: 767px) {
  .hot_swipe_carousel_slides .contents h2 {
    font-size: 24px !important;
  }
  .hot_swipe_carousel_slides .contents {
    font-size: 18px !important;
    background: #000 !important;
  }
}

You should add this code at the bottom of the custom.css file, AFTER (under) the last }.

Regards,
Milos

Please Log in to join the conversation.

paul1
Active member
Topic Author
Member

3 months 3 weeks ago #51056 by paul1

Replied by paul1 on topic Font size in mobile view

My thanks - much appreciated.

paul

Please Log in to join the conversation.

Time to create page: 0.292 seconds