Viewing 6 replies - 1 through 6 (of 6 total)
  • Yeah, it’s caused by a combination of EBD and Divi. What’s happening is that there is a span tag with a class of “et-icon” on it. On most themes, that does nothing. On the Divi theme, they have an icon for it, which is displayed on the page. However, it’s only like 100 pixels wide or something like that & the download title is a child of that span, so it inherits the width of the span (which is the width of the icon).

    I’m not sure of the best way to fix it. When I look at the page in Firebug or Chrome Dev Tools, I can delete the class=et-icon from that span tag & then it’s wide enough & stays on one line. However, it’s not just a normal link, instead it kind of looks like a button. So, I think that’s the same thing, more or less. On the a href tag there are two class names ‘icon-button’ and ‘download-icon’, which are producing the button effect. You don’t really have to change those, but you could I suppose. Anyway, I’m leaving it up to you to figure out how you want to change these classes or remove them or override them or whatever … hopefully you can get it in good shape without the need to edit plugin files themselves, but if you have to you have to….

    Thread Starter Cgeswills

    (@cgeswills)

    Hi

    Thanks for the reply – The easiest fix was to buy the Gravity Forms extension. Now it works just fine!

    Thanks

    Hi:
    Can you please help me write a class for this same problem.
    My PDF link is listing as a vertical line with a blue button behind.

    I want a simple link and a div that stretched across the width.

    https://www.justiceinaging.org/20-common-nursing-home-problems/
    Thanks,
    SF

    I just tried your site & it displayed the Download link properly in red, as you intended. It looks like you added some css into a style tag to fix the display issue, so I’m assuming you already fixed everything & it’s working the way you want. Good work.

    I am also experiencing this behavior. Is there a fix for this? Using Chrome’s inspect element I know that if I remove class=”icon-button download-icon” it fixes the issue. Where can I find this code to modify it? Thanks!
    https://tudiccionariomedico.com/descargar-version-de-evaluacion/

    I’m not seeing the problem on your page so I assume you fixed it already.

    As you probably figured out you can fix it a couple of different ways … either don’t have an image associated with those classnames or, if you do, then you have to change it to inline or inline-block or something, I don’t really remember exactly but it’s something like that — can be fixed by just adding a css rule.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Email Link is 'vertical' one word at a time’ is closed to new replies.