Email Forms customization

Support
#1

Im using the Theme Co email form. How can I edit this form fields I cant seem to see how just have email and no name field.?

Next how can I edit the fake email johnsmith@example.com?- I cant seem to find this edit section.

Next how can I add a cool background Image to this form ?

Next I placed the email in the footer, how can I make the email form background extend to the edge of the page so no white space?

#2

Hi @rotation,

Thanks for reaching out.

Please check about the features of Email Forms here https://theme.co/apex/forum/t/extension-email-forms/82, it’s all there :slight_smile:

You can also change the background to image there and by enabling custom styling.

As for full-width implementation, please add this CSS to Theme Options > CSS

    .x-colophon.top .x-container.max {
     max-width: 100%  !important;
        width: 100% !important;
    }

Hope this helps.

#3

this worked thanks.

Now how can I make the white space tighter its a lot of white space. On the top + bottom of the footer or email form / section ?

#4

Hi @rotation,

Please also add this custom CSS:

footer.x-colophon.top {
    padding: 15px 0 0;
}
.widget_tco_email_form h4 {
    text-align: center;
}

That’s the title widget under Appearance > Widgets:

Hope it helps :slight_smile:

#5

the bottom footer are is great now. it worked. I see The title edit now, thanks. but the text is still off to the left it did not center.

#6

Hi @rotation,

It seems you’ve switched to the text widget.

Please find this custom CSS:

.widget_tco_email_form h4 {
    text-align: center;
}

And change to this:

footer.x-colophon.top h4.h-widget {
    text-align: center;
}

Hope it helps :slight_smile:

#7

worked perfect . thanks

#8

You’re welcome!
Thanks for letting us know that it has worked for you.

#9

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