IShare Alignment / Positioning

Hi, thank you for using !Share. In your style.css file add this: #Share-bar2 {display: inline}. That will make the share icons align with your print button. It will also fix the tooltip. About icons, there seems to be visual issues with these small buttons that we are going to fix them on next update.

Best regards.

Hi Cunjo,

I’m having the same problem with the indent on my site. Here’s a sample page where !Share appears: https://www.readingforpleasure.net/2013/02/21/review-of-james-lepores-the-fifth-man/

Is there any way to get the icons to appear flush left or right?

Thanks in advance,
Maria

Hi, I can only see the buttons on top of the post, but no other elements close to them, just title above and image below.

If you want to move just the buttons left or right you can add in your style.css file of your theme this code #Share-networks2{float:right} > for moving icons to right or #Share-networks2{float:left} > for mofing to left.

But tell me exactly what you need to adjust, so I can better help you since there are multiple levels of elements in the widget.

Hi Cunjo,

Sorry I wasn’t clear in my initial post. I’m only having trouble with the indent, i.e. the share icons are showing up indented instead of lining up with the rest of the post. I tried the codes you provided, but the one for the left does not work. I would just use the one for the right, but it will be pushed up against my sidebar with the current theme I have ??

Maria

Hi, sorry for the delay. To align the icons to left use this in your css file: #Share-networks2 ul {margin-left: 0;}

Thank you, please let me know if that works for you.

No luck ??

Hi, just checked your style.css file and I can’t find this code anywere:
#Share-networks2 ul {margin-left: 0;}

Are you sure you are saving it in the right place.

To edit the style file of your theme go to the left main menu > Appearances > Editor and you should see a big text box with title above Simple Catch: Stylesheet (style.css) – (or something similar). At the very end place the code from above in a new line and click on “Update File”

Hi Cunjo,

I removed it when I couldn’t get it to work, however, I’ll add it back now so you can see.

Maria

Holy cow! I’m not sure what happened, but it’s working now! Thank you Cunjo! Sorry for driving you crazy ??

Best,
Maria