In our slide settings we have set a font-size for our caption of 26px. However, when the slides are rendered on a mobile device the font-size is being reduced to 6px by an element style being applied. Can you tell me where the setting is for determining how the font size is specified at different screen resolutions?
font size is done automatically and is based on your Joomla template CSS code unless you override it using custom CSS and media queries. There is no specific parameter in the Slider which you could configure
a slider is calculating the font size automatically. Only way to set different font size for the specific resolution range is to use media queries and custom CSS override for that specific resolution range
So why is the component designed to use inline styles instead of an attached stylesheet? If you simply had a stylesheet for the component then we could take the same rules and put them in a custom override file.
I am sorry but we don't have any documentation on doing that because this is something that is related to the HTML and CSS development and not the slider itself
I don't understand how we're supposed to address this. You stated "you can customise each element in the layer to use a custom style". And we have done that. We have applied a specific style within the slide editor to our slide caption. However, rather than apply a class to the title element and specify a set of css rules, you are applying inline styles to the element. And then you are changing those styles at different screen resolutions independent of what was set in the style originally.
I am sorry but if you want to override dynamically calculated sizes, you have to override them with the custom CSS code and media queries. There is no other way to do it
Hello,
In our slide settings we have set a font-size for our caption of 26px. However, when the slides are rendered on a mobile device the font-size is being reduced to 6px by an element style being applied. Can you tell me where the setting is for determining how the font size is specified at different screen resolutions?
Thank You,
Chris
Hi,
font size is done automatically and is based on your Joomla template CSS code unless you override it using custom CSS and media queries. There is no specific parameter in the Slider which you could configure
Regards,
Igor
Hello Igor,
I don't believe that is correct. The code indicates that an inline element style is being applied. Please see the attached screenshot.
Thank You.
Hi,
I could tell you more if I would have your slider URL to check it
Regards,
Igor
Hi Igor,
The site is: bsmartguide.com
There are 2 sliders on the homepage.
Thank You.
Hi,
a slider is calculating the font size automatically. Only way to set different font size for the specific resolution range is to use media queries and custom CSS override for that specific resolution range
Regards,
Igor
Hi Igor,
So why is the component designed to use inline styles instead of an attached stylesheet? If you simply had a stylesheet for the component then we could take the same rules and put them in a custom override file.
Thank You.
Hi,
because you can customise each element in the layer to use a custom style so each customised style is loaded inline
Regards,
Igor
Hi Igor,
Is there any documentation on doing that? I didn't see it in the online docs.
Thank You.
Hi,
I am sorry but we don't have any documentation on doing that because this is something that is related to the HTML and CSS development and not the slider itself
Regards,
Igor
Hi Igor,
I don't understand how we're supposed to address this. You stated "you can customise each element in the layer to use a custom style". And we have done that. We have applied a specific style within the slide editor to our slide caption. However, rather than apply a class to the title element and specify a set of css rules, you are applying inline styles to the element. And then you are changing those styles at different screen resolutions independent of what was set in the style originally.
Hi,
I am sorry but if you want to override dynamically calculated sizes, you have to override them with the custom CSS code and media queries. There is no other way to do it
Regards,
Igor