-
Posts
-
Is there a way to change the size of the type in the slider using a couple break points? Currently when in desktop view the type looks great but when in mobile it scales down and is hard to read. Thank you.
Hi whmcreative2!
Yes, you can use some media queries. Something like this probably.
@media screen and (max-width: 767px) { .slideshow_align_caption .avia-caption-title, .slideshow_align_caption .avia-caption-content { font-size: 10px !important; } }Regards,
ElliottThis doesn’t work. Seems the font size is inline. Heres a example:
<p class=”ls-l” style=”top:47%;left:50%;text-align:center;padding-right:auto;padding-left:auto;font-family:Lato;font-size:21px;line-height:25px;color:#ffffff;white-space: nowrap;”>This is a test</p>
Do you know if theres another way?
Hey!
Please remove the inline font styles. If it still has issue we need to take a look at the page and also kindly grant us administrator access to the backend of the website so we can further trouble shoot this issue.
Best regards,
VinayYeah the interesting thing is the inline style is auto when responsive is on. Here are credentials so you can check it out. The home page slider is the one in question. Thank you.
Hi!
To stopo the responsive behavior of the text turn of responsiveness
To learn more please visit the authors youtube channel
https://www.youtube.com/user/ThemePunch/videos
To change the text position just click and drag the test in the preview.
Regards,
VinayYes I’m aware of this setting but wanted to have the image be responsive and type change size at the break points like the rest of the site. With this setting when you scale down mobile the type is much to hard to read. If you enlarge its huge on retina displays.
Seems that in the YouTube channel they really push Slider Revolution not LayerSliderWP. Are you recommending changing the slider to Slider Revolution?
Hey!
Please check the site now i have set up a default slider… let us know if the text and image size look good ?
Regards,
VinayThe images are great but the text is still a bit small on mobile view. Is there a way to setup a specific font size when the width of the browser is under 725px? Thanks again for the help.
Hey!
In the slider the text you see is also an image… please customize this slider with your own images and text. Once you have everything in place we can target the font and provide you with custom css.
Best regards,
VinayThanks but I went for Slider Revolution as it has a deeper level of control. Thank you again for your help.
- You must be logged in to reply to this topic.