Theme: Museum Core Change positioning of icons?

Hmph. I’ve never actually seen that.

Okay, here’s how you fix it until I release an update to the theme to fix it. I will post a caveat at the end of this which may offset this fix and/or cause you to think twice before going down this route…

The fix
On the Advanced tab of your Theme Options, add this to the Custom CSS area:

a[href^="mailto:"] {
padding-left: 20px;
}

That will fix the issue.

The (very strong) caveat

The reason I never noticed this before now is because, in general, you don’t ever want to post your email address on your website. Ever.

The reason for this is because it’s too easy for bots to scrape that up and add your email address to some auto-spam list. If you are going to post your email address publicly like this, there are a few better ways of doing it, like making it an image instead of plain text, or using some clever javascript to obfuscate your address from bots. It’s even worse when you make your email address a hyperlink, because that’s just saying, publicly, that this is a valid link to a real email address.

Instead, a better idea is to use a contact form (there are some that can be embedded on a sidebar or you could just link to your contact page on your sidebar). Contact forms can still get spammed, too, (although Grunion — the contact form that ships with Jetpack has Akismet spam filtering built-in) but at least you’re not giving away your email address to the entire internet.

Thanks for bringing this to my attention, though. I’ll be sure and get it into the next update to the theme.

P.S. I removed the “[email protected]” and indeed the icon remains, I’m assuming to prevent crawlers/spammers from harvesting the address.

I also tried using some inline styles in the sidebar text widget to no avail (I forget the style hierarchy, but I’m assuming the text inherits the stylesheet.css declaration–is that correct?)

Again, your feedback/advice would be welcome; it would help me GREATLY to know if there is an uncomplicated way to override the icon placement or if you’d advise just leaving the icon as is and leaving out the address text. I am a newbie with limited knowledge–I really appreciate these forums and how much they help folks.

Oh Chris, you are awesome! Thank you so much for the fix AND advice. And for building in a way to circumvent the spammers. ??

Be well! Love the theme.
H.

I’m guessing the icon stayed after removing the address because the style is tied to the [href^="malto:"] — so if there’s a mailto: in the link, it will display the icon.

yeah, that’s what I assumed…it’s smart like that ??

Chris, could I email you about another question related to this theme? Specifically about leaving the shadow effect on the header text but not in the paragraph text. Or should I start a new thread here?

Go ahead and start a new topic here: https://www.ads-software.com/support/theme/museum-core and tag it with museum-core so it’s sure to go into the right place.