Modals Side by Side

[tsimarketing]

I am trying to add two modals to a section on this page under Direct Messaging. I want the modal buttons to sit next to each other like the rest of the buttons on this page. But for some reason they won’t sit next to each other, the first one will sit centered but then the second one keeps kicking to the next line. Can modal buttons not sit next to each other because they are modals?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Looking at the code it seems that one of the modals are wrapped in a html

tag that will break the line after the first modal.

Not sure how you are doing it in the Page builder but add 2 text block of 1/2 width, and inside each one add the modal shortcode.

-Rui

[tsimarketing]

I have both the modals in one text block back to back, because that is how I have the the buttons in the higher part of the page. I did try putting the modals in two text blocks at 1/2 width and they were on the same line then but there was a big space between the buttons. I want them to look exactly like the buttons in the other sections on this page.

[Rui Guerreiro – SUPPORT]

I think something is different in this last buttons, an empty line in the editor can be enough.

Can you provide admin access to check it?

-Rui

[tsimarketing]

This reply has been marked as private.

[tsimarketing]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

I remove the format from the editor and added an extra class called centered-buttons
You just need to add the code below to your custom css option

.spb_content_element.centered-buttons {
  text-align: center;
}

-Rui

[tsimarketing]

Okay, that worked for making the buttons sit closer together. But now both of them are left aligned instead of both being centered on the page. I tried centering the modal short code but that messed them up again. You can see them left aligned on the page now.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.