JenTerpstra Posted May 22, 2022 Share Posted May 22, 2022 Site URL: https://theindieauthorcollective.com/sample-books/booktitle-c5b5r-k82hy-ethha-4tw2z Okay, I've been struggling with this and I'm sure someone has a quick solution for this. I want to use a simple summary block at the bottom of a book listing to add the book author's bio. I have title, excerpt, and image enabled. I'd like to vertically center the text on the image, rather than having the text all at the top. I'd also like to increase the padding between the image and the text. Screenshot attached, and I've linked to an example page I'm using as a mockup. Website password is "forumhelp." Link to comment
Beyondspace Posted May 22, 2022 Share Posted May 22, 2022 7 hours ago, JenTerpstra said: Site URL: https://theindieauthorcollective.com/sample-books/booktitle-c5b5r-k82hy-ethha-4tw2z Okay, I've been struggling with this and I'm sure someone has a quick solution for this. I want to use a simple summary block at the bottom of a book listing to add the book author's bio. I have title, excerpt, and image enabled. I'd like to vertically center the text on the image, rather than having the text all at the top. I'd also like to increase the padding between the image and the text. Screenshot attached, and I've linked to an example page I'm using as a mockup. Website password is "forumhelp." Do you mean something like this? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
JenTerpstra Posted May 22, 2022 Author Share Posted May 22, 2022 6 hours ago, bangank36 said: Do you mean something like this? Yes! I would like the title to start about there. Link to comment
Beyondspace Posted May 23, 2022 Share Posted May 23, 2022 You can try the following code #block-yui_3_17_2_1_1653186471018_6907 .summary-content { display: flex; flex-direction: column; justify-content: center; width: 73% !important; /*space between image and content, decrease % to increase the space and vice versa*/ } #block-yui_3_17_2_1_1653186471018_6907 .summary-item { display: flex; justify-content: space-between; } #block-yui_3_17_2_1_1653186471018_6907 .summary-item:after { content: unset; } Let me know how it goes Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Beyondspace Posted May 23, 2022 Share Posted May 23, 2022 My testing Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you 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