Mindstream Theme CSS question

Community Forums Forums Design Tips and Tricks Mindstream Theme CSS question

This topic is: not resolved

Tagged: ,

This topic contains 7 replies, has 4 voices, and was last updated by  colson 1 year, 3 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #40835

    Mige77
    Participant
    Post count: 9

    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
    #40847

    David Chu
    Participant
    Post count: 1355

    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.

    [css]
    #content iframe {
    border: 0;
    }
    [/css]

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #40855

    Mige77
    Participant
    Post count: 9

    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

    #40858

    colson
    Participant
    Post count: 145

    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;

    }

    • This reply was modified 1 year, 3 months ago by  colson.
    • This reply was modified 1 year, 3 months ago by  colson.
    #40863

    wmwebdes
    Participant
    Post count: 107

    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.

    #40864

    colson
    Participant
    Post count: 145

    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 :)

     

     

    #40900

    Mige77
    Participant
    Post count: 9

    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

    #40916

    colson
    Participant
    Post count: 145

    Glad that worked for you!!

    Corinne

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.