hilaryb Posted November 5, 2022 Share Posted November 5, 2022 Hello - I am trying to embed a Typeform code, but the default alignment is coming out funny, especially on mobile. I've watched Typeform's instruction video for doing this, and as usual, it does not work as simply for me. Initially when I installed the code, only a small portion of the survey was visible, so I played around with the size, and was able to get more of it to show up, but can't figure out if this is a simple setting in this particular section? Or if I need to use custom code to get it right? Can someone please help me to align this typeform so that it is centered (no matter how small or big the window), both on DESKTOP and MOBILE? Link to comment
tuanphan Posted November 9, 2022 Share Posted November 9, 2022 Can you share link to page where you added Typeform? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hilaryb Posted November 9, 2022 Author Share Posted November 9, 2022 9 hours ago, tuanphan said: Can you share link to page where you added Typeform? We can check easier Weird, I thought I typed it in, I apologize. http://hilarybeckwith.com/cha Also, apparently the images are also getting cut off at some points throughout the quiz. Not sure what's happening, although I'm making some changes today to the typeform, so it may look different by the time you look at it Link to comment
tuanphan Posted November 12, 2022 Share Posted November 12, 2022 On 11/10/2022 at 12:56 AM, hilaryb said: Weird, I thought I typed it in, I apologize. http://hilarybeckwith.com/cha Also, apparently the images are also getting cut off at some points throughout the quiz. Not sure what's happening, although I'm making some changes today to the typeform, so it may look different by the time you look at it Add to Design > Custom CSS .fe-block-yui_3_17_2_1_1667509689769_14831 .sqs-block { justify-content: center !important; align-items: center !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hilaryb Posted November 14, 2022 Author Share Posted November 14, 2022 On 11/12/2022 at 5:29 AM, tuanphan said: Add to Design > Custom CSS .fe-block-yui_3_17_2_1_1667509689769_14831 .sqs-block { justify-content: center !important; align-items: center !important; } That did the trick, although still having issues with image getting cut off. I've reached out to typeform for support there I appreciate the help tuanphan 1 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