Comments Joe Matibag started the conversationJuly 26, 2016 at 2:41amHi,How do I change the Font Size and Width of the Slider Text?I thought I figured out that the Slider Text Font Size is controlled by class="t-current". But I could not find it in style.css.Also, how can I change the width of the Slider Text area? I want to add more text.Thanks 850Jelly repliedJuly 26, 2016 at 4:48pmHi,Please add the css code in the path: Appearance -> Theme Editor -> Style.css, please put it in the end of the file: .main-title ul {font-size: type you size you want here;}Best Regards,Jelly TeamJoe Matibag repliedJuly 30, 2016 at 4:21amThanks.I was able to change the font size. I appreciate your help.But I could not get the line-spacing to adapt to different Viewports? The line-wrap left too much space when I looked the site from my phone.I tried changing line-spacing within the CSS below, but I couldn't improve the responsive behavior.@media only screen and (max-width: 479px).main-title { font-size: 30px;}@media only screen and (max-width: 479px).main-title { height: 300px; top: 50%; margin-top: -150px;} 850Jelly repliedAugust 1, 2016 at 2:49pmHi,The correct will look like my code below: @media only screen and (max-width: 479px){.main-title { font-size: 30px;} .main-title { height: 300px; top: 50%; margin-top: -150px; } }Please try again.Best Regards,Jelly Team Sign in to reply ...
Hi,
How do I change the Font Size and Width of the Slider Text?
I thought I figured out that the Slider Text Font Size is controlled by class="t-current". But I could not find it in style.css.
Also, how can I change the width of the Slider Text area? I want to add more text.
Thanks
Hi,
Please add the css code in the path: Appearance -> Theme Editor -> Style.css, please put it in the end of the file:
Best Regards,
Jelly Team
Thanks.
I was able to change the font size. I appreciate your help.
But I could not get the line-spacing to adapt to different Viewports? The line-wrap left too much space when I looked the site from my phone.
I tried changing line-spacing within the CSS below, but I couldn't improve the responsive behavior.
@media only screen and (max-width: 479px)
.main-title {
font-size: 30px;
}
@media only screen and (max-width: 479px)
.main-title {
height: 300px;
top: 50%;
margin-top: -150px;
}
Hi,
The correct will look like my code below:
Please try again.
Best Regards,
Jelly Team