Styling the Payment Link to 2-column layout

[kkdesign22]

Hey all! 

I'm working on embedding the payment link script into a Wordpress page. The preview in HubSpot shows a 2 column layout, but when I embed the code, I see an in-line style of max-width: 544px on the container. I want that to be 1200px. And I see classes on each of the two columns that are col-xs-12 col-sm-12 col-md-12 col-lg-12 and I want them to be col-xs-12 col-sm-12 col-md-6 col-lg-6. Is it possible to override these? Is there a setting when setting up the payment link to honor that 2 column layout? What am I missing? Thanks!!!

[BérangèreL]

Hi @kkdesign22, I hope that you are well!

Great question, thank you for asking the Community!

I understand that you followed these guidelines "Add payment links to your content" but you'd like to adjust the look of it.

I'd like to invite a couple of subject matter experts and some Community Members to this conversation: Hi @Jnix284, @dean-shmuel, @eburnaman and @jeremymandle do you have suggestions to help @kkdesign22, please?

Also, if anybody else has anything to add and/or share, please feel free to join in the conversation 🙂

Thanks a lot and have a lovely day!

Best,
Bérangère

[jleed]

Is anyone going to weigh in on this?

[rsdesign]

I figured this out. If you change the &layout= at the end of the data-src to blank, it becomes two layout. 

data-src="https://app.hubspot.com/payments/{paymentLinkId}?referrer=PAYMENT_LINK_EMBED&layout="