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].
Hello,
I’m using the button widget from the Site Origin bundle and when I have the window on full screen, everything looks great. However, when I make the window smaller, everything on my page scales down properly, including the buttons, but the text on the buttons stays exactly the same size. This means that it doesn’t fit on the buttons and the line breaks halfway through words, so it’s now displayed as:
HANDHE
LD BRE
ATHALY
SERS
instead of:
HANDHELD
BREATHALYSERS
Is there a way to make the text respond with the rest of the page? I’m fairly new to WordPress so apologies if there’s a really obvious answer to this! But any help would be appreciated :)
LS
Hi Louisesinclair
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
Thanks. We’ve tested in OS X Chrome, Safari and Firefox as well as iOS Chrome and haven’t been able to reproduce. The problem might be that your theme is adding the following:
body, button, input, select, textarea { color: #444444; font: 16px 'Open Sans', serif; line-height: 1.6; word-wrap: break-word; }word-wrap: break-word; is the problem. Try adding the following to a Custom CSS field in theme settings or to a Custom CSS plugin like SiteOrigin CSS:
button { word-break: normal; }