Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author johnbhartley

    (@johnbhartley)

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

    Thread Starter jc10002

    (@jc10002)

    Sure John,

    See it near the bottom of http://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!

    Plugin Author johnbhartley

    (@johnbhartley)

    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.

    Plugin Author johnbhartley

    (@johnbhartley)

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

    Thread Starter jc10002

    (@jc10002)

    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.

    Plugin Author johnbhartley

    (@johnbhartley)

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

    Thread Starter jc10002

    (@jc10002)

    Done.

    Plugin Author johnbhartley

    (@johnbhartley)

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

    blubarb19

    (@blubarb19)

    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”?

    Plugin Author johnbhartley

    (@johnbhartley)

    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.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Two buttons sitting side by side?’ is closed to new replies.