WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
[resolved] Social icons are piled up on top of one another (5 posts)

  1. hellomilo
    Member
    Posted 1 year ago #

    Hey, just wondering if any one can help.

    I want to stick with WP's own inbuilt sharing icons so that I can retain the WP 'Like' icon. However, they are all appearing piled on top of one another.

    Example:

    http://www.theyearzero.org/movies-films/scarlet

    Can any one help advise what CSS to use to get them to show properly?

    Thanks! =)

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    I think those sharing icons are coming from a plugin rather than WordPress, but anyway do you have a section of the dashboard named, "Custom CSS" or "Edit CSS", or are you using a Child Theme?

  3. hellomilo
    Member
    Posted 1 year ago #

    Hi.

    Yes, this is a child-theme (using one-click-childtheme). I also use My CSS as I've not made any changes to the actual child theme style.css yet (seems easier using My CSS most of the time). All I have in there at the moment is:

    /* Change link color */
    
    a {
    	color: gray;
    }
    
    .widget-area a {
    color: black;
        }
    
    .entry-meta a {
    color: black;
    }
    .entry-title a:hover {
    color: #d54e21;
     }
    .entry-meta {
    color: gray;
    }
    
    /* Change sidebar shade of gray */
    #sidebar {
    color: gray;
    }

    The theme has a CSS override box too, but I don't have anything in there yet.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    In either your Custom CSS or Child Theme style.css file, add this:

    .sharedaddy .fluid-width-video-wrapper {
     padding-top: 0 !important;
    }
    
    .sharedaddy .fluid-width-video-wrapper iframe {
     position: relative;
    }
  5. hellomilo
    Member
    Posted 1 year ago #

    That seems to have done the trick. Thanks for your help. =)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic