Jump to content

Custom HTML to center-justify post submit message?

Recommended Posts

Site URL: http://www.timthorn.com

Hi, I'm a newb here so apologies if this is a dumb question.  I did search and could not find a similar question answered.

After a user has signed up on my email list I display a post-submit message, but the text is left justified and I would like it to be center-justified.  I couldn't see how to do this via the regular squarespace interface, and squarespace support have confirmed that I would need to use custom HTML per https://support.squarespace.com/hc/en-us/articles/205813888-Advanced-Form-Block-options#toc-add-post-submit-html

However, I know almost nothing about HTML.  Could some kind sage person show me an example of how I would do this?

Link to comment
  • Replies 9
  • Views 3.3k
  • Created
  • Last Reply
15 hours ago, tuanphan said:

add to Home > Design > Custom CSS


.form-wrapper .form-submission-text {
    text-align: center;
}

Tuan, I really appreciate the response!  However, I think something is wrong because when I paste the above into the site, it still displays the text left justified and it also displays the html (see image)

 

Screen Shot 2020-02-21 at 8.24.34 AM.png

Link to comment
  • 4 months later...

Hi @tuanphan can you please help me with the location of the post-submit text aswell?  At the moment it's overlapping the newsletter sign up header text (see screenshot).

I've tried a few different variations of the below, but nothing's working:

.form-wrapper .form-submission-text {
    text-align: left;
  margin-top: 60px !important;
    p {
 margin-top: 60px !important;
}
}

 

Screen Shot 2020-06-30 at 11.51.58.png

Link to comment
5 hours ago, Intentional-Nutrition said:

Hi @tuanphan can you please help me with the location of the post-submit text aswell?  At the moment it's overlapping the newsletter sign up header text (see screenshot).

I've tried a few different variations of the below, but nothing's working:

.form-wrapper .form-submission-text {
    text-align: left;
  margin-top: 60px !important;
    p {
 margin-top: 60px !important;
}
}

Hi. Difficult to help without checking site url

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.