Tiger_Thomas Posted December 8, 2021 Share Posted December 8, 2021 (edited) Site URL: https://fbcamherst.squarespace.com/staff Hello! We want our "Read More" buttons to line up (see below). They do line up at a certain width (fully expanded on desktop) but when you shrink it, the are out of alignment (see second image) We want the body of this page to NOT be responsive to changing of window size so that we can have more control over what it looks like. How do we make it so the text does not wrap and move around as you change the window size? We want it to be fixed, unless on mobile where it would just use the mobile form of the website (single column). Site URL: https://fbcamherst.squarespace.com/staff Password on site is: fbcfbc Thank you! What we want it to always look like, unless it detects mobile-- then it should go to mobile design: When the window shrinks, so do all of the elements. How do we make it so that this doesn't happen on one page? Edited December 9, 2021 by Tiger_Thomas Clarification Link to comment
Tiger_Thomas Posted December 9, 2021 Author Share Posted December 9, 2021 Maybe setting a minimum width for the page? Link to comment
tuanphan Posted December 12, 2021 Share Posted December 12, 2021 Can you send code in Lily Soh Code Block? 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
Tiger_Thomas Posted December 15, 2021 Author Share Posted December 15, 2021 @tuanphan <div class="post"> <H4> Lily Soh </H4> <H5> Chinese Ministry Pastor </H5> Lily serves as the Pastor for FBC’s Chinese Ministry. She has been in ministry for more than 30 years. She earned her Master of Divinity from <span class="dots">...</span> <span class="more"> Fuller Theological Seminary and her Doctorate of Ministry at Assemblies of God Theological Seminary. Lily serves as a unique bridge connecting the Chinese Ministry with the English-speaking congregation. Lily works among the pastors and volunteer teams to lead our ministries for Chinese students and local Chinese residents to build relationships and foster a culture where everyone feels welcomed and safe to explore their faith and invite friends. Lily enjoys reading thoughtful books and exploring the beautiful scenery of New England. </span> <button1 class="read">read more</button1> </div> Link to comment
tuanphan Posted December 21, 2021 Share Posted December 21, 2021 First, edit Lily Shoh to this code <div class="post"> <h4> Lily Soh </h4> <h5> Chinese Ministry Pastor </h5> <p>Lily serves as the Pastor for FBC’s Chinese Ministry. She has been in ministry for more than 30 years. She earned her Master of Divinity from <span class="dots">...</span> <span class="more"> Fuller Theological Seminary and her Doctorate of Ministry at Assemblies of God Theological Seminary. Lily serves as a unique bridge connecting the Chinese Ministry with the English-speaking congregation. Lily works among the pastors and volunteer teams to lead our ministries for Chinese students and local Chinese residents to build relationships and foster a culture where everyone feels welcomed and safe to explore their faith and invite friends. Lily enjoys reading thoughtful books and exploring the beautiful scenery of New England. </span> <button1 class="read">read more</button1> </p> </div> (I added p tag wrap around paragraph Quote <p>Lily serves as the Pastor for FBC’s Chinese Ministry. She has been in ministry for more than 30 years. She earned her Master of Divinity from <span class="dots">...</span> <span class="more"> Fuller Theological Seminary and her Doctorate of Ministry at Assemblies of God Theological Seminary. Lily serves as a unique bridge connecting the Chinese Ministry with the English-speaking congregation. Lily works among the pastors and volunteer teams to lead our ministries for Chinese students and local Chinese residents to build relationships and foster a culture where everyone feels welcomed and safe to explore their faith and invite friends. Lily enjoys reading thoughtful books and exploring the beautiful scenery of New England. </span> <button1 class="read">read more</button1> </p> Do similar for other people. Next, add this to Design > Custom CSS /* Align read more */ @media screen and (min-width:768px) { div#block-6cb77ca95cfd0fd875ee+.row .span-4 { position: relative; flex: 1; } div#block-6cb77ca95cfd0fd875ee+.row .span-4 .read { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } div#block-6cb77ca95cfd0fd875ee+.row { display: flex; } div#block-6cb77ca95cfd0fd875ee+.row .span-4 .code-block { position: static; } } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment