The best way of adding the PubSlush button at the top of all pages would be to create a template in what is called a Child Theme. That way, you wouldn’t have to copy the PubSlush code to each page individually, but there’s no way I would be able to teach you how to create a Child Theme on a forum like this. So, you’ll have to copy the PubSlush code to every page, like you did with the Home page and the PubSlush Goal page, and we can try positioning it through CSS. That’s why I suggested putting it into the sidebar, instead, because you would only have to do it once, it would appear on every page, and it will appear more or less lined up with your page title.
When you say you want it centered, do you also want it inline with the page title? Because it will overlay the title PubSlush Goal if it is moved up and centered, that page title is a bit long.
So here’s what you would have to do for the PubSlush button to get it up next to the page title and somewhat centered. We’ll work on your Home page first.
You first need to create a DIV around the link. That will allow the CSS to select it properly. To do that, you will have to edit the page using the Text editor and not the Visual editor, because the Visual Editor won’t show you the HTML code. So go into your Text editor and change this:
<p style="text-align: center;"><a class="zocial download-primary default" style="font-size: 42;" href="www.nonprofitcrisis.com" target="_blank">Support on PubSlush!</a></p>
to this:
<div id="PubSlush"><a class="zocial download-primary default" style="font-size: 42;" href="www.nonprofitcrisis.com" target="_blank">Support on PubSlush!</a></div>
Then, copy & paste these rules to your CSS editor (don’t worry about the pasting in the comments, they shouldn’t matter):
#PubSlush {
display: inline-block;
position: relative;
/* You can adjust these numbers based on how far up or to the right you want to move it */
margin-top: -55px;
margin-left: 200px;
float:left;
}
/* If a small viewport, like a tablet or smartphone, bring the DIV back down under the title */
@media (max-width: 643px) {
#PubSlush {
display: block;
position: static;
margin-top: auto;
margin-left: auto;
float:none;
}
}
So this should get the PubSlush button more or less centered on the Home page, in line with the page title. This doesn’t affect any other page because you haven’t added the PubSlush button to all of them.
