[Plugin: Sharebar] Help With CSS for ShareBar (4 posts)

  1. icedub
    Posted 5 years ago #

    Hi, I am pretty new to CSS but am learning. I'm trying to install a plugin called ShareBar, that adds social links to the left side of blog posts. My theme uses an image for bulleted lists, and since ShareBar is set up as a list, it's not displaying properly. You can see an example of that here. My sharebar is displaying with bullets, and using the Inspector in Chrome, I've isolated the problem to the following CSS:

    #content #colLeft ul li, #content #colLeft ol li {
    padding:5px 0 5px 15px;
    background:url(images/bullet_list.png) 0 9px no-repeat;

    Rather than deleting it (which would mess up the formatting of my bulleted lists), I'd like to add some CSS for Sharebar. I tried adding:

    #content #colLeft #sharebar ul li, #content #colLeft #sharebar ol li {
    margin: 5px; padding: 0;

    I added this after the CSS shown above in styles.css. Unfortunately, this had no effect on the sharebar. I know I'm probably doing something small wrong here, can anyone help me correct the code?


  2. simbian
    Posted 5 years ago #

    Hello, i have the same problem with my blog http://www.digitalking.it
    how you solved?


  3. MartinPWPH
    Posted 5 years ago #


    #sharebar li {
    background:transparent !important;
  4. scot184
    Posted 4 years ago #

    Hey Martin,

    Where do you add that line of code? In the stylesheet anywhere or in the plugin editor. Please be specific as I really have no idea where to put it.


Topic Closed

This topic has been closed to new replies.

About this Topic