Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
dobbiedada

Custom HTML to center-justify post submit message?

Question

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?

Share this post


Link to post

9 answers to this question

Recommended Posts

  • 0
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

Share this post


Link to post
  • 0

My apologies, and thank you Tuan for correcting me via email!!  This works great when I follow the instructions correctly and paste it into the custom CSS for the site!

Share this post


Link to post
  • 0
Posted (edited)

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

Edited by Intentional-Nutrition
wrong image

Share this post


Link to post
  • 0
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


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...