Site logo

Archived topic

Display buttons as one row that were imported by shortcodes

5 replies · Started by C. on April 24, 2019

Viewing posts 1–6 of 6

Hi,

I'm using the plugins GP Social Share (https://wordpress.org/plugins/gp-social-share-svg/) and WP Ulike (https://wordpress.org/plugins/wp-ulike/) to display sharing buttons and a heart shaped like button at the top of every post.

I used hooks to add the buttons via the shortcodes [gp-social] and [wp_ulike]. Now the buttons are there but the like button is underneath the sharing buttons. I'd like to have the buttons all in one row. Is that possible? Thank you.

https://imgur.com/I6Y7LgE

Hi there,

can you share a link to the Site? You can edit your original topic and use the Site URL field for privacy.

Yes, I added a "live link" from Local by Flywheel (the site isn't hosted anywhere, yet). Can you give that a try?

Try this CSS:

#gp-social-share, .wpulike {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
.wpulike {
    top: -10px;
}

Great, that works! Thanks for the very quick reply.

Glad to be of help

This archived topic is closed to new replies.