• Whenever I insert a link into a post, the text shows up out of line with the rest of the sentence. The links themselves work but it makes everything look disjointed and messy because the entire line is thrown off. There is an example about halfway down the page at http://www.sureenjoyedit.com/balsamichoneychickenskewers ….look for blue “grill pan” link. Please let me know how I can fix this…it’s driving me crazy! thanks so much~

Viewing 6 replies - 1 through 6 (of 6 total)
  • Add this css.

    DIV ARTICLE DIV.entry-content P SPAN {
      left: 0 !important;
      top: 0 !important;
    }

    Use compress images on site so easy to load first time taken more time.

    The following a tog is in span tag thats why its creating problem
    Remove that span tag.

    Your Code :

    <span style="color: #0000ff;"><a style="color: #0000ff;" href="http://www.dpbolvw.net/click-7836392-12189729-1429542009000" target="_blank">grill </a></span>

    <em><span style="color: #0000ff;"><a style="color: #0000ff;" href="http://www.surlatable.com/category/cat1000432/" target="_blank">pan</a></span>, </em>

    Change to :

    <a style="color: #0000ff;" href="http://www.dpbolvw.net/click-7836392-12189729-1429542009000" target="_blank">grill </a>

    <em><a style="color: #0000ff;" href="http://www.surlatable.com/category/cat1000432/" target="_blank">pan</a></em>

    Thread Starter sureenjoyedit

    (@sureenjoyedit)

    Thanks, will try that! Ravi, I am VERY new to html code…where exactly am I adding that? And will this fix all the hyperlinks through the blog?

    You would need to put that in the custom CSS area within your Divi theme panel. In divi its:

    Appearance >> divi theme options >> general settings

    at the bottom of general settings there is a box that says “Custom CSS”

    Copy the CSS from above and paste that in

    If you are using the new version of Divi, then there is a seperate left menu item that is called Divi. You need to hove on that on go to Divi Theme Options and then the same as above (general >> scroll to bottom)

    @sureenjoyedit U have use any tag but manage all based on css. all tags are same on blog so manage everywhere.

    i have seen grill and pan both links are separate so create some diff look like both links are different.

    u have create some custom css included with(DIV ARTICLE DIV.entry-content P SPAN) with top:10px !important so generate error.

    go at devi theme custom css option or remove it or add css which i have given to u.

    Thanks

    Thread Starter sureenjoyedit

    (@sureenjoyedit)

    Ok, so I figured out the reason they were showing up off the line is because I was either underlining them, changing the color, or both in the editor when I was writing my post because I wanted them to stand out in the post. When I took that formatting off, the links are back in line with the rest of the sentence.

    So the links work but they don’t stand out in any way from the rest of the text and I DO want them to show up underlined in my post. I read this tutorial (http://www.echoecho.com/csslinks.htm) but am having trouble finding where to edit this in my own style.CSS…anyone know? Thanks for all of your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Hyperlinks appear off the line in published post…’ is closed to new replies.