Digital Pro – Remove Bottom Border on Linked Images

[chrisman]

In the Digital Pro theme, the developer(s) decided to use a bottom border for links instead of the underscore.

a {
    border-bottom: 1px solid #232525;
    color: #232525;
    text-decoration: none;
}

This appears to be over-written in some areas like a blog post header and blog images - though for the life of me I can't find it. However, it's still there in the sidebar (textwidget) area for images. This means every image in my sidebar, that's a link, has a bottom-border.

How can I remove the bottom border but retain the bottom border, or add underscore, for text links?

I can usually use Firefox's firebug to find the right CSS but that has be confused.

The site URL I've listed is for my testing area before I replace my existing domain with the new theme - so I'm still tweaking some things.

http://www.btmtestplatform.com/blog/

[Christoph]

Hi,

yes, this is can be a nuisance.

You can add this to your style.css:

a img {
    vertical-align: top;
} 

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[chrisman]

Thanks so much. Never would have guessed that!

[phamtuanh]

Like

---

nấm lim xanh very good nam lim xanh ok

[Author]

Posts