share links in widgets/ sidebars - Support | Kriesi.at

Tagged: share, social share

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
December 7, 2015 at 2:29 pm #547996

dannhanks
Participant

Hi, great theme – I use it for every website I build.
I would like the ability to add the ‘share entry’ social buttons to the widgets on pages. While I can do this by adding the shortcode:
[av_social_share title='' style='minimal' buttons='']
… the nice hover tooltips (Share on Facebook etc) gets cut, I am guessing by some sort of overflow:hidden rule somewhere. I have attached a screenshot to explain better – if this instance, I have added the share links to the footer widget.
I have tried to find a css fix for this on a few occasions but I always end up just hiding these tooltips if I am using them in a sidebar.
It would be great to get a workable fix for keeping this feature in.

December 7, 2015 at 4:50 pm #548101

Elliott
Inactive Moderator

Hi dannhanks!

Yes, there is an overflow: hidden on the sidebar but it needs to be there for now otherwise the sidebar will display at the bottom of the content. What we could try is adding some padding to the buttons so the tooltip is more visible. Send us a link and we’ll take a look.

Best regards,
Elliott

December 7, 2015 at 5:34 pm #548155

dannhanks
Participant

hi – link below – sorry – cant make it public as is in development still and am not allowed to make public.

You will fnd the share links bottom right, in footer column one.

thanks!!

December 8, 2015 at 2:05 am #548463
Elliott
Inactive Moderator
Hey!

Did you mean in the footer? That’s the only place where I see the buttons. That’s an easy fix, add this to your custom CSS.
```
#footer .widget { overflow: visible !important; }
```
Cheers!
Elliott
December 8, 2015 at 2:45 pm #548755

dannhanks
Participant

hi, thanks for this! this is helpful although it was a bad example. I hadnt done the footer one before. It was the sidebar I always struggle with. If you look at the site now, I have added the shortcode to the sidebar. I tried, based on your code above
.sidebar .widget { overflow: visible !important; }

but this didnt work.

thanks!

December 9, 2015 at 6:06 am #549485

Rikard
Keymaster

Hi,

I couldn’t see any sharing buttons in the sidebar on the page you linked to, not sure if that’s even a sidebar? Please link directly to a page where we can see the elements as we need to inspect them in order to give you custom CSS.

Regards,
Rikard

December 9, 2015 at 11:25 am #549596

dannhanks
Participant

sorry – see link below – share is bottom right:

December 10, 2015 at 3:51 am #550126
Elliott
Inactive Moderator
Hi!

Add this to your custom CSS.
```
aside .av-share-box .avia-related-tooltip {
    width: 90px !important;
}
```
Regards,
Elliott
December 10, 2015 at 4:14 pm #550493

dannhanks
Participant

HI, thanks for this. its worked nicely.

: )

Dann
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘share links in widgets/ sidebars’ is closed to new replies.