Text Not Fitting in Download Button

Sorry here’s the site to try it to see what’s happening:
https://www.breakfrontsoftware.com/ConsumersVoice/downloads/kitchen-design-the-basics/

You’re seeing that problem because you’re using Divi as your theme. Or, more accurately, because you’re using an Elegant Themes theme.

In the Email Before Download code there is a span with a class of “et-icon” that wraps around another span which has the link text to click to download (in your case that is “Kitchen Design – The Basics”).

For most themes, a class of “et-icon” means nothing. However, in Divi, “et-icon” goes with a little background sprite image. That image messes things up and makes the width of the entire button be the width of the sprite. Thus, your text goes streaming down the page at a couple of characters per line.

The easiest way to fix this is to edit email-before-download.php and simply remove the class=”et-icon” part of the span. Then the button will display properly and the width will be correct.

Alternatively, if you’re good with css and layout then you can try to figure out what css to apply where and make the icon thingy not mess up the entire button and do the whole thing with css perhaps.

Fantastic! Works great. Thanks for the help. Never would’ve figured that out on my own.