Mindstream image borders on social sharing icons

Community Forums Forums General Discussion Mindstream image borders on social sharing icons

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Jeannie Barker 8 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #73117

    Jeannie Barker
    Participant
    Post count: 4

    I want to remove the borders around my social sharing image links (Jetpack) and on the comment box.

    Can anyone help? (And if sharing code please include exactly where I need to insert it.)

    http://www.goldcoastlitscene.com/write-here/
    #73154

    emasai
    Participant
    Post count: 615

    Look in your css file for this

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

    that is where your border is coming from. So if you do not want the border to disappear from the entry-content img’s you will have to write a separate rule for iframe without the border. In other words, duplicate the whole piece of code, remove iframe, from the first one, .entry-content img from the second one and then remove the border: 4px solid #ddd !important; from the second one too.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #73904

    Jeannie Barker
    Participant
    Post count: 4

    Thanks for your suggestion Lynne. I tried but could not get this to work exactly how I want it so have just gone with no borders on images in posts just so I could get no borders on the social media icons.

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

You must be logged in to reply to this topic.