Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi
I am trying to scale text for mobile the SiteOrigin Hero Widget.
I created the class: custom-home-hero, and added it to the row.
I added the CSS Plugin and this is the code I’ve been using. The widget doesn’t scale to fit the content. And the overflow goes off the page.
Here’s my CSS
BASE64_ENCODED:W2NvZGUgbGFuZz0i”]BASE64_ENCODED:W2NvZGUgbGFuZz0i[/code]@media (min-width: 680px) {
.custom-home-hero .textwidget {
margin-top: 161px;
margin-bottom: 100px;
}
}
.custom-home-hero .homecopy {
width:60%;
}
@media (min-width: 680px) {
.custom-home-hero .textwidget .homecopy {
width:99%;
display:none;
}
}[/code]
And here’s my code:
<h1 style="text-align: left;">AIM HIGH, GO FARTHER</h1> <h1 style="text-align: left;"><span style="color: #f46455;">ELEVATE YOUR GAME</span></h1> <p class="homecopy" style="text-align: left;">Surace Smith is an entrepreneurial, leadership development organization that serves America's middle class with insurance and financial products designed to protect assets.We also offer profitable, rewarding careers for individuals seeking a better life and a better community. <p class="homecopy" style="text-align: left;">We work to bring about positive change in the lives of the families we touch; be they our field representatives, public relations staff, managers, office staff, policyholders, or the member families we are privileged to serve. <p style="text-align: center;">[buttons]
Thank you! I really appreciate your help. Your tool is very useful.