Mindstream Theme CSS question

[Mige77]

Hi there,

I have my personal blog running on Genesis and Mindstream at michaelherb.ch

Now I`ve added a small hook to include social media buttons at the end of every post. So far so good. What I don`t get is to remove the grey border around the social media buttons. I tried to get rid of the border with excluding them by important-tags. But so far it`s not working.

Do you have any idea how to remove the grey 4px border?

Thank you in advance!

Michael

http://www.michaelherb.ch

[David Chu]

Hi,
I agree, that doesn't look good. 🙂 I think this would do it. This bit of code would go in your style.css.

Note: it would alter any other iframes you have in content, too.

#content iframe {
  border: 0;
}

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Mige77]

Hi David

Thank you 🙂

I`ve tried that, but unfortunately with no effect. It`s difficult to get an overview of all the DIVs and classes, I`ll try to find out more after work. If you have another idea, I would be glad to try it out 😉

Kind regards, Michael

[colson]

this code is what is causing the border on line 847 (probably in the plugin css)

iframe, .entry-content img {

background-color: #FFFFFF;
border: 4px solid #DDDDDD !important;
padding: 1px;

}

Ok try this:

.recommend iframe {

    border: none !important;

}

[wmwebdes]

Agree with Colson
The border is generated by this CSS

iframe, .entry-content img {
background-color: #fff;
border: 4px solid #ddd !important;
box-sizing: border-box;
padding: 1px;
}

Remove the border and it looks fine.

[colson]

Yes you can just remove it but then it removes it from the image above and I did not know if he wanted it removed from the images also 🙂

 

 

[Mige77]

Thanks a lot Colson, your hint did the trick 🙂

I wanted only the border on the buttons to disappear, but to keep the ones of the theme design.

Thanks again, Michael

[colson]

Glad that worked for you!!

Corinne

[Author]

Posts