Mailblue form integration small styling issue

Hi there,

My client uses MailBlue and we have embedded a contact form into a global block. Everything works fine. Styling works fine. However just one thing: The checkbox and text line are on two lines. See screenshot. Tried dozen of codes. Directly in formbuilder and in Cornerstone. Global block CSS, Global CSS. Nothing is working. Something keeps overruling.

Would be great if you guys have a fix for this :slightly_smiling_face:

Hello Marcus,

Thanks for writing to us.

You can achieve it through custom CSS code, you need to add this custom CSS code under Pro—>Theme option —>CSS

._row._checkbox-radio label {
    display: inline-block;
    margin: 2px 0 2px 0;
}
._row._checkbox-radio input.any {
    margin: -2px 0 0 0;
}

The given code output would be like this. Please have a look at the screenshot in the secure note.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. Please note that we don’t provide any third-party plugin support. It is out of the support scope.

Hope it helps.
Thanks for understanding

Thx Prakash for your fast reply, it is fixed!

One thing: the small line just above it, is it possible to remove? I checked the element inspector but I’m not able to fix it…

Hello Marcus,

You can use this custom CSS code to get rid of the line. You need to add this custom CSS code under Pro—>Theme option —>CSS

fieldset._form-fieldset legend._form-label {
    border: none;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. Please note that we don’t provide any third-party plugin support. It is out of the support scope.

Hope it helps.
Thanks for understanding

Hi, that’s fast, thx!

Where did you find that class and where is it coming from? From the theme?
If I look in the inspector I don’t see this class?

Hi Marcus,

Glad that helps. The selector has been found by inspecting the specific Form field.

Thanks

Aha, thx a lot for the great support!

Hi Marcus,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.