Hyperlinks appear off the line in published post…

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="https://www.dpbolvw.net/click-7836392-12189729-1429542009000" target="_blank">grill </a></span>

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

Change to :

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

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

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

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 (https://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!