Styling X theme Email form plugin

Support
#1

Hi there.
I am trying to style the email form to be full width, in line and with the colors I want.
I cant see any options for this in the advanced editing options in the plugin.?

http://ausdigitalmedia.com/Demosite/

#2

Hi @Aus-Digital-Media,

Thanks for writing in.

You won’t be able to full width you email form because the section where you added it is on boxed mode. You need to set you site width full width in order for you to make all your setup full width.

Hope it helps.

Let us know how it goes.

Thanks.

#3

The page was set to full width. Heres a screenshot of the settings. Also now my content is all a mess. See the products are not nicely centered. I’m not sure why this is happening sorry.

#4

Page width fixed now and showing full width but can the email form be configured to be in line like this?

#5

Hi there,

Please add the CSS code below to X > Launch > Options > CSS:

.tco-subscribe-form {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}

.tco-subscribe-form fieldset input {
    margin: 0 !important;
}

here are 2 empty fieldset element which is ruining the design and you need to remove them:

Thank you.

#6

Thanks.
But I cant see where to remove these fieldset elements. They are not showing in cornerstone or the text editor and the email form is still far to tall.

#7

Hi There,

Sorry, but I can’t find where is your Email Form, would you mind pointing us where is your email form located? so we can take a closer look.

Thanks,

#8

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