putting 2 buttons on the same line?

[Micah Hensley]

Hey Bill,
So in another theme we needed to do this same thing but I couldn’t find the post where we talked about it! I’m adding buttons on a page, only there will be several and I would like to be able to put two side by side or what not…not just straight down a line each under the other. What would I need to do to make this happen?

[Bill Robbins]

Hello Micah,

Good question. I would skip the shortcode and just use HTML instead. Edit the page/post where you’d like to have your buttons. Click on the text tab that’s in the top right hand corner of the main content area.

Then find the spot on your page where you’d like to have your buttons and add this:

(Be sure to copy that code from our support site and not the notification email).

Just replace the http://yourlink.com and similar spots with the URL to link to and the Your Text with what you’d like the button to say.

You can add in more buttons as well. Just insert extra lines before the closing </p> and add them in there.

Have a great Saturday,
Bill

[Micah Hensley]

Hey Bill!
Ok So I changed to the stuff you gave me…but I have a total of 8 buttons i’m trying to put on there and while I can get them to go more than one to a line across…when I need to drop down to a line below they overlap…how do I fix this??

http://cotroc.org/newsite2/?p=183

here’s the code i’m working with:

<p>
I Just Accepted Jesus I Need Prayer I’m New To The Rock
I’d Like To Know More About A Ministry Share Your Story
Questions About Giving I’d Like To Be Baptized
</p>

[Micah Hensley]

well it didn’t send the code the right way…let me try again.

<p>
<a class="button" href="http://yourlink.com">I Just Accepted Jesus</a> <a class="button" href="http://anotherlink.com">I Need Prayer</a> <a class="button" href="http://yourlink.com">I'm New To The Rock</a>
<a class="button" href="http://yourlink.com">I'd Like To Know More About A Ministry</a> <a class="button" href="http://yourlink.com">Share Your Story</a>
<a class="button" href="http://anotherlink.com">Questions About Giving</a> <a class="button" href="http://yourlink.com">I'd Like To Be Baptized</a>
</p>

[Micah Hensley]

I think I got it! I put a

 

between each row of buttons and it looks like that did it…unless there’s a better way then i’m all ears!!!

Thanks for your AWESOME Support!

[Bill Robbins]

Putting a space in is a great way to “trick” WordPress into keeping an empty paragraph. Have a great week Micah.

[Author]

Posts