Two buttons sitting side by side?

Can you send a link to the page with the two buttons?

Sure John,

See it near the bottom of https://petsitting-ology.com/site3/

They are obviously floating on top of each other at the moment.

I am using the following code in a footer widget: [maxbutton id=”1″] [maxbutton id=”2″]

Thanks!

First, make sure you “Automatically add paragraphs” is unchecked. Then add in [maxbutton id=”1″][maxbutton id=”2″] side by side, no spaces or line breaks.

In your CSS, add the following:

.textwidget {
position: relative;
}

.maxbutton-1, .maxbutton-2 {
position: absolute !important;
top: 0;
}

.maxbutton-1 {
left: 0;
}

.maxbutton-2 {
left: 100px;
}

You can adjust the right and top values however you see fit. Let me know if this helps.

And actually, you could just use a container and then change the alignment to inline-block.

Hey John,

BAM, that did it. Basically, unchecking that widget “add paragraph” box helped. And also checking container and inline make it look perfect.

What an awesome and professional plugin!

Thanks.

Excellent. If you could show us some love by writing a quick review we’d really appreciate it. Thanks!

Done.

Thanks again, let us know if you have any other questions.

Hi John,

I want to place two MaxButtons side by side. You mention that “… actually, you could just use a container and then change the alignment to inline-block.” Can you tell me what container this would be and perhaps how it would be set out. Very new to this. Can this be done without going into the CSS? Appreciate any help.

Can you also tell me where I can uncheck “Automatically add paragraphs”?

One of the last main sections on the button edit page is “Container.” Play with those a bit. That section is to prevent you from needing to add anything to the CSS.

The only place there is a checkbox for not adding paragraphs is in “Widgets” otherwise you’ll need to add some custom code to functions.php.