[Resolved] Display buttons as one row that were imported by shortcodes

[C.]

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.

View post on imgur.com

[David]

Hi there,

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

[C.]

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

[David]

Try this CSS:

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

[C.]

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

[David]

Glad to be of help

[Author]

Posts