Responsive text/font size within slider

  • Author
    Posts
  • #63130

    Hi-
    I’m using Serious Slider within the Nirvana theme. The slide/image itself is responsive/resizes nicely for smaller views/mobile, but the text overlaid on the image — the title and caption — does not, leaving much of the text and the read more button not-visible on those screens.

    Is there a way to make this text also resize based on device? Should I add media queries to custom CSS?

    Thx!
    -Jon

    Website: bridgese.ipower.com/2enews

    #63247

    I added media queries to custom CSS — it’s doing a decent job of making the slider responsive and allowing it to be readable (and clickable) on smaller screens. I can probably move forward with that approach unless there’s a better/preferred method you may know of.

    Thanks.

    #63278
    Zed
    Cryout Creations mastermind

    The plugin supports two distinct responsiveness methods, each intended for a specific purpose:
    – maintain height mode is intended for sliders where the caption is more important than the slide image; it maintains the slider height on all screen sizes (to keep the caption fitting in) while cropping the sides of the images to fit on the screen.
    – legacy mode is intended for sliders where the images are important and caption is very short or non-existent; this mode shrinks the images while maintaining their aspect ration and complete visibility, resulting in very small room for captions on the smallest devices.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #63330

    Got it — thanks, Zed. I’ll play around with those options … and/or try to use smaller captions!

    #64407

    I am having the same problem with the default slider. slider text is not visible on smaller devices – just a grey box occupies half the screen. Please advise.

    Website: visitdefianceohio.com

    #64420
    Zed
    Cryout Creations mastermind

    @yvonnedale, the indicated site is not working right now. Which theme are you using?


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #65815

    I am using Nirvana.

    Website: visitdefianceohio.com

    #65911
    Zed
    Cryout Creations mastermind

    @yvonnedale: after using a proxy I was able to access your site and the slider appears to be working normally (the caption moves below the slide image on smaller screens).


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #70398

    Hi Zed,
    in addition to the comments above I would like to know if – and how – it is possible to change the size of the buttons at the slider? On mobile devices it looks fine but in the desktop version the buttons appear too small and are hard to read..
    I´m using the fluida theme.

    Thanks a lot in advance and best regards,
    Lehey

    #71061
    Zed
    Cryout Creations mastermind

    Lehey, unless you tweaked things, the buttons should be correctly sized on all devices. The slider’s overall font size is configurable on the edit screen.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Responsive text/font size within slider’ is closed to new replies.