Hey @aurevoir_blu! These boxes in Hidray are markdown blocks with some additional code in both the block itself and CSS. We'd be happy to share how we did it! 👍 Step 1: Add a markdown block and paste
@aurevoir_blu This has to do with your website's width setting and Squarespace's block/column layout. You could try adding a max-width option to the markdown css, along with adjusting website width.
Question
aurevoir_blu 6
Site URL: https://emu-maracas-4rxy.squarespace.com/
Hi
Here's an example of what I'm trying to create:
https://hidray2-ghost.squarespace.com/?password=ghost
The blue boxes of text with icons and colored background. I'm able to change the background color with this code:
#block-5f063dd8e30efe54dc47 {
background: #809DB3;
padding: 50px;
text-align: center;
color: #FFFFFF;
}
But there's no spacing in between the blocks. What's the fix for this? Can someone help me with this?
Thanks in advance!
Link to post
Top Posters For This Question
4
2
Popular Days
Mar 3
5
Mar 1
1
Top Posters For This Question
aurevoir_blu 4 posts
ghostplugins 2 posts
Popular Days
Mar 3 2021
5 posts
Mar 1 2021
1 post
Popular Posts
ghostplugins
Hey @aurevoir_blu! These boxes in Hidray are markdown blocks with some additional code in both the block itself and CSS. We'd be happy to share how we did it! 👍 Step 1: Add a markdown block and paste
ghostplugins
@aurevoir_blu This has to do with your website's width setting and Squarespace's block/column layout. You could try adding a max-width option to the markdown css, along with adjusting website width.
aurevoir_blu
You are a lifesaver!! Wow, thank you so much 🤩 I'm gonna try it out now and report back. You rock!
Posted Images
5 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment