sharing icons

• 

  rodiy2k · Member · Oct 19, 2014 at 10:41 pm

  • Copy link
  • Add topic to favorites

  Hello

  I posted this in the support forum and they suggested I re-post here and that my request may be possible with CSS:

  I just joined Bloglovin and although I was able to add a sharing widget, I also want one on the bottom of each post

  As this service was not one of the standard available services, I used the “add new service” to create one but I don’t like its look

  Is it possible to change the appearance of the sharing icons to make them stand out more or am I limited by the theme? There is no color and they look small compared to other blogs I’ve seen.

  The image I’d like to add is below which I saw on another blog:
  https://experimentalexpats.files.wordpress.com/2014/10/sharing-icon.gif
  The blog I need help with is experimentalexpats.com.

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Oct 20, 2014 at 2:10 pm

  • Copy link

  Give this a go and see what you think:

  #jp-post-flair .share-custom a {
    background:url("https://experimentalexpats.files.wordpress.com/2014/10/sharing-icon.gif");
    display:block;
    width:178px;
    height:57px;
    padding:0;
    border:0;
    position:absolute;
    left:0;
    top:0;
  }
  
  .sd-content ul {
    position:relative;
    height:57px;
  }
  
  #jp-post-flair .share-facebook {
    margin-left:185px;
  }
  
  #jp-post-flair .share-custom a span {
    display:none;
  }