Fly-out Button Alignment

Resolved Artisan Internet
(@artinet)

6 years ago

The fly-out buttons (especially for YouTube) could do with being centred as they look a bit messy. 🙂

Thanks in advance.

Catie

The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)

Plugin Contributor socialtech
(@socialtech)

6 years ago

Please add this code

.icon1 {
margin-left: 13px!important;
}

in your theme’s CSS section.

Did that solve it?

Thread Starter Artisan Internet
(@artinet)

6 years ago

Hiya!

I popped that code in and it resolves the YouTube flyouts but the Facebook ones are still wonky. 😉

https://livingenabled.com/

Catie

Plugin Contributor socialtech
(@socialtech)

6 years ago

Please also add

.icon2 {
width: 62px!important;
}

Thread Starter Artisan Internet
(@artinet)

6 years ago

I’ve added that code and it has made it worse. Sorry.

Catie

Plugin Contributor socialtech
(@socialtech)

6 years ago

Could you please provide a screenshot of what you see on your end?
Thread Starter Artisan Internet
(@artinet)

6 years ago
Here ya go.

https://photos.app.goo.gl/iSkR9vUgDNkYKz9Z8
- This reply was modified 6 years ago by Artisan Internet.
Plugin Contributor socialtech
(@socialtech)

6 years ago

Ok, please remove

.icon2 {
width: 62px!important;
}

How does it look now?

Thread Starter Artisan Internet
(@artinet)

6 years ago

I’ve removed that and it’s gone back to how it was before.

The YouTube flyout is fine but the Facebook one is still squiffy.

I’ve uploaded another screen shot to the shared folder above.

Plugin Contributor socialtech
(@socialtech)

6 years ago

Please try .sfsi_tool_tip_2.utube_tool_bdr .icon1 { margin-left: 13px!important; }

Thread Starter Artisan Internet
(@artinet)

6 years ago

I’ve added that code but I don’t think it’s made much difference.

Catie

https://livingenabled.com/
Plugin Contributor socialtech
(@socialtech)

5 years, 12 months ago
Please also remove

.icon1 { margin-left: 13px!important;}
- This reply was modified 5 years, 12 months ago by socialtech.
Thread Starter Artisan Internet
(@artinet)

5 years, 12 months ago

Hi there

I’ve removed the duplicated icon1 entry.

Catie

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Fly-out Button Alignment’ is closed to new replies.

Tags