• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Mindstream Theme CSS question

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Mindstream Theme CSS question

This topic is: not resolved

Tagged: css, Mindstream

  • This topic has 7 replies, 4 voices, and was last updated 12 years ago by colson.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 14, 2013 at 5:57 am #40835
    Mige77
    Member

    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
    May 14, 2013 at 7:54 am #40847
    David Chu
    Participant

    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

    May 14, 2013 at 9:07 am #40855
    Mige77
    Member

    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

    May 14, 2013 at 9:14 am #40858
    colson
    Keymaster

    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;

    }

    May 14, 2013 at 10:01 am #40863
    wmwebdes
    Member

    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.

    May 14, 2013 at 10:07 am #40864
    colson
    Keymaster

    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 🙂

     

     

    May 14, 2013 at 12:56 pm #40900
    Mige77
    Member

    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

    May 14, 2013 at 4:27 pm #40916
    colson
    Keymaster

    Glad that worked for you!!

    Corinne

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble