I want to put buttons on slides for users to click to link to an article. The button, say a small green button, displays properly on the edit screen but when the slide is updated, the button is ALWAYS transparent with the text showing very small. I cannot find anyway to change 1) the button size, 2) remove transparency, 3) buttons (and text layers) are NOT responsive on mobile devices. How can I achieve these options?
make sure that your Joomla template is not overriding Unite slider CSS classes somehow. If it does, try to create a unique name classes in Unite slider or use classes with more CSS specificities to overcome those issues
Yes Igor, that was the problem. I have the slider on a Helix3 site and the particular customized template had the button class different than the sliders. It was fairly easy to just use the base Helix3 framework and remove the other template. Things work fine now.
There is still one issue tho. The slider texts are almost unreadable on a mobile phone. Is there some way to have them resize responsively and still be readable?
you should use media queries and target text layer CSS in order to change the font size of the layer. I am afraid that there is no way to do that automatically compared to the automatic size of the background images
That is beyond my abilities. I will have to find another slider that I can publish for only mobiles and use that. I have found a couple that are promising on the small screen.
I want to put buttons on slides for users to click to link to an article. The button, say a small green button, displays properly on the edit screen but when the slide is updated, the button is ALWAYS transparent with the text showing very small. I cannot find anyway to change 1) the button size, 2) remove transparency, 3) buttons (and text layers) are NOT responsive on mobile devices. How can I achieve these options?
Hi,
make sure that your Joomla template is not overriding Unite slider CSS classes somehow. If it does, try to create a unique name classes in Unite slider or use classes with more CSS specificities to overcome those issues
Regards,
Igor
Yes Igor, that was the problem. I have the slider on a Helix3 site and the particular customized template had the button class different than the sliders. It was fairly easy to just use the base Helix3 framework and remove the other template. Things work fine now.
There is still one issue tho. The slider texts are almost unreadable on a mobile phone. Is there some way to have them resize responsively and still be readable?
Hi,
you should use media queries and target text layer CSS in order to change the font size of the layer. I am afraid that there is no way to do that automatically compared to the automatic size of the background images
Regards,
Igor
That is beyond my abilities. I will have to find another slider that I can publish for only mobiles and use that. I have found a couple that are promising on the small screen.
Thanks for your time.
Hi,
no problem at all. Glad I could help
Regards,
Igor