skiptomylu211 Posted April 18, 2020 Share Posted April 18, 2020 (edited) Site URL: https://www.lulucheng.com/writing i added a markdown block so i could embed an email signup form for my Substack newsletter. this is the html code i received from Substack to do that: <iframe src="https://lulu.substack.com/embed" width="480" height="320" style="border:1px solid #EEE; background:white;" frameborder="0" scrolling="no"></iframe> however, when i paste this code into the markdown block editor, it left aligns the signup form (white box below the 'sign up' button): how do i center the signup form on the page? i'm using the sofia template. thanks for any help or insight! p.s. i removed the markdown block from https://www.lulucheng.com/writing for now, but the screenshot i've attached shows the issue i'm describing. Edited April 18, 2020 by skiptomylu211 Link to comment
derricksrandomviews Posted April 18, 2020 Share Posted April 18, 2020 (edited) Push the block to the center using spacers on the left and right. Might just need one on the left. . Edited April 18, 2020 by derricksrandomviews Link to comment
skiptomylu211 Posted April 20, 2020 Author Share Posted April 20, 2020 On 4/18/2020 at 10:55 AM, derricksrandomviews said: Push the block to the center using spacers on the left and right. Might just need one on the left. . how do i insert a spacer? (what’s the code i need to put) Link to comment
derricksrandomviews Posted April 20, 2020 Share Posted April 20, 2020 (edited) There is no code, just edit a page and add a spacer, just as you would add a text block or image block, to the page and use it to move the markdown block. You will need to put the markdown block back up first of course. https://support.squarespace.com/hc/en-us/articles/206566717-Spacer-Blocks Edited April 20, 2020 by derricksrandomviews Link to comment
skiptomylu211 Posted April 20, 2020 Author Share Posted April 20, 2020 10 hours ago, derricksrandomviews said: There is no code, just edit a page and add a spacer, just as you would add a text block or image block, to the page and use it to move the markdown block. You will need to put the markdown block back up first of course. https://support.squarespace.com/hc/en-us/articles/206566717-Spacer-Blocks ah, i see. i added a spacer on either side, but it's still not centered. it's more obvious on mobile: i think the problem is that the signup module itself is left aligned in the markdown block. and no matter how i resize the spacers on either side, i can't get it quite centered. is there a way to center the signup module within the markdown block (maybe using code)? Link to comment
LuxNarayan Posted August 2, 2020 Share Posted August 2, 2020 I have exactly the same problem. And especially on mobile devices. Did you find any solution @skiptomylu211 ? Link to comment
MarkeGroup Posted September 16, 2020 Share Posted September 16, 2020 On 4/18/2020 at 12:07 PM, skiptomylu211 said: Site URL: https://www.lulucheng.com/writing i added a markdown block so i could embed an email signup form for my Substack newsletter. this is the html code i received from Substack to do that: <iframe src="https://lulu.substack.com/embed" width="480" height="320" style="border:1px solid #EEE; background:white;" frameborder="0" scrolling="no"></iframe> however, when i paste this code into the markdown block editor, it left aligns the signup form (white box below the 'sign up' button): how do i center the signup form on the page? i'm using the sofia template. thanks for any help or insight! p.s. i removed the markdown block from https://www.lulucheng.com/writing for now, but the screenshot i've attached shows the issue i'm describing. <center><all other styling> Your Content <all other styling></center> Add an additional center tag on top of your content and styling. Link to comment
IXStudio Posted September 16, 2020 Share Posted September 16, 2020 24 minutes ago, MarkeGroup said: Add an additional center tag on top of your content and styling. Hi, Please do not use <center> tag! It's outdated! https://www.w3schools.com/tags/tag_center.asp Instead of it you can make it center via CSS easily! @LuxNarayan @skiptomylu211 Please use the like button if it helps you! Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment