Tagged: caption text
-
AuthorPosts
-
February 22, 2021 at 3:56 pm #1282838
Hi there
I am having some trouble with the size the caption text as it appears on mobile devices.
On my home page, I have a caption which displays on the top of a full screen slider image at the top of the page. When this page is viewed on a mobile device, the caption text is so small it is barely readable.
Any ideas how I can make it appear larger?
Thanks,
SianFebruary 23, 2021 at 5:27 pm #1283151Hey sdawks,
Best regards,
VictoriaFebruary 23, 2021 at 6:54 pm #1283196Hi Victoria
The website is working… perhaps it was down when you tried? Would you mind trying again please.
Thank you
SianFebruary 24, 2021 at 6:02 am #1283298Hi,
Add this to quick css:
@media only screen and (max-width: 767px){{ #top #wrap_all .slideshow_caption h2.avia-caption-title, #top #wrap_all .av-slideshow-caption h2.avia-caption-title { font-size: 30px!important; }}Best regards,
Jordan ShannonFebruary 24, 2021 at 2:59 pm #1283410Hi Jordan
Thanks for your message.
I added the code, but all it did was change the font for the caption when viewed on a desktop and made no changes to how the caption appears on a mobile device.
The caption was fine on the desktop, so I wouldnt want to make changes to it – I only look to change the appearance of the caption on a mobile. As well, I was not looking to change the font.
Can you help?
Thanks
SianFebruary 26, 2021 at 6:12 am #1283790Hi,
Thanks for the update. Please try this CSS instead:
@media only screen and (max-width: 767px) { #top #wrap_all .slideshow_caption h2.avia-caption-title, #top #wrap_all .av-slideshow-caption h2.avia-caption-title { font-size: 30px !important; } }Best regards,
RikardFebruary 26, 2021 at 2:52 pm #1283857Hi Rikard
Thank you – this has worked :)
Best wishes
SianFebruary 26, 2021 at 8:48 pm #1283990Hi Sian,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
