Priscillia Posted January 15 Share Posted January 15 Hello, I chose the design for my blog summary to only show the category. However, it is not well centered at all ? Best option : I would like the category to go ON the image, centered at the bottom. Second option : at least to make it well centered, and without the white background. Can anyone help with that ? link : https://blenny-blue-6prx.squarespace.com/join-the-fam password : password1234 Link to comment
Web_Solutions Posted January 15 Share Posted January 15 58 minutes ago, Priscillia said: Hello, I chose the design for my blog summary to only show the category. However, it is not well centered at all ? Best option : I would like the category to go ON the image, centered at the bottom. Second option : at least to make it well centered, and without the white background. Can anyone help with that ? link : https://blenny-blue-6prx.squarespace.com/join-the-fam password : password1234 I can't see the summary block on this page. If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
Priscillia Posted January 15 Author Share Posted January 15 14 minutes ago, Web_Solutions said: I can't see the summary block on this page. Hello, Yes sorry i just put it offline because we are about to publish. Now you should be able to see it. Thanks for helping! Link to comment
Solution Web_Solutions Posted January 15 Solution Share Posted January 15 (edited) 1 hour ago, Priscillia said: Hello, Yes sorry i just put it offline because we are about to publish. Now you should be able to see it. Thanks for helping! Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. .fe-block-yui_3_17_2_1_1701775012856_4833 { .summary-thumbnail-container { margin: 0 !important; } .summary-item .summary-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px !important; box-sizing: border-box; opacity: 1 !important; * { color: #fff !important; opacity: 1 !important; } } } Edited January 15 by Web_Solutions If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. 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