Center Genesis Simple Share

Hi, bizzielizzie32.

You’re welcome to add this CSS to your theme’s style.css file, or via a Custom CSS plugin:

.share-after {
	text-align: center;
}

That should center the buttons that appear after your posts.

Doesn’t work anymore …
I have to use this snippet + some css to center it.

Just wanted to confirm Julie Be’s observation: I updated the plugin tonight, and the alignment is now a little cattywampus (and bummer about the twitter button, although not the fault of the plugin).

The label “Share This” is centered, but the buttons are now on a new line, left-aligned, whereas the whole thing used to be on one line, centered, and visually slick:

Example of new positioning

Changing just the css, btw, changes only the alignment of the label – e.g., if you change it to right aligned, “Share This” moves to the right margin – but not the buttons, which remain left-aligned on a separate line.

Having the same problem, needs to be fixed from the plugin author’s end I presume.

The plugin left-aligns buttons by default. If you’d like to center them, you’re welcome to add this CSS to your theme code, or via a Custom CSS plugin:

.share-after,
.share-before {
	text-align: center;
}

.share-before .sharrre,
.share-after .sharrre {
	display: inline-block;
	float: none;
}

If you have trouble with this, feel free to reply to a link to your page. Happy to offer some tips!

Nick, I tried that last snippet, but it didn’t work.

https://survivalathome.com/greenhouse-tips-why-you-need-a-greenhouse/

Try this,
.share-before {
margin-bottom: 25px;
text-align: center;
}

If it doesn’t work trying adding !important like this:

text-align: center !important;

Also if you are using a caching plugin on your site,you may need to deactivate it so you can see the changes you made to the CSS.