Slider text and button adjustment


We would like to adjust the font size of the text on the slider as well as the button and make them bigger. I was able to figure out where to change the font size and it works. The problem is when you view them on a mobile, the letters are all over the screen and are out of place.

Hello @dhemy,

Please provide a link to your website in order to let me inspect it and explain how you changed font size.

Also please explain more precisely what and how you want to change.

Kind Regards, Roman.

Hi Roman! Thanks for responding!

Here’s how the slider would look like without customization:

And here’s what we want it to look like when adjusting the font size:

Problem is that, it looks ok on my desktop, but when you view it on a mobile or other people’s device, the letters are all over the place and are on top of each other. Then the button’s text are out of the box.

Here is the website:

Hello @dhemy,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

div.slide-inner h2.maintitle {
    font-size: 7vw;
    line-height: 12vh;

div.slide-inner a.roll-button.button-slider {
    font-size: 4vw;
    line-height: 7vh;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.