• Resolved hellomilo

    (@hellomilo)


    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! =)

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter hellomilo

    (@hellomilo)

    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.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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;
    }

    Thread Starter hellomilo

    (@hellomilo)

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Social icons are piled up on top of one another’ is closed to new replies.