hilaryb Posted June 8, 2022 Share Posted June 8, 2022 Site URL: http://hilarybeckwith.com/ Hello - I would like to reduce the width of a spacer block placed between two text blocks (in order to bring the two texts closer together). I used to have them displayed as a list, but I did not like the lack of customizing options for the text, so I switched to text blocks, with backgrounds to look similar to a list. I could not figure out how to add the background color AND give a small gap between the two, so I added a Spacer block, which is now too much space. How do I reduce the width of this block without compromising the position of it? Link to comment
biplav Posted June 8, 2022 Share Posted June 8, 2022 Try adding this to Design > Custom CSS section[data-section-id="629fee9786f2465d7d8c6dc0"] .row.sqs-row:first-child{ display: flex; justify-content: center; } //Adding some spacing for the gap, increase spacing as needed #block-yui_3_17_2_1_1654648421854_15213{ margin-right: 3em; } //Removing the spacer, you can also just remove from the editor Im not sure if it will break it or not #block-yui_3_17_2_1_1654654334640_5483{ display: none } } Link to comment
hilaryb Posted June 8, 2022 Author Share Posted June 8, 2022 8 hours ago, biplav said: Try adding this to Design > Custom CSS section[data-section-id="629fee9786f2465d7d8c6dc0"] .row.sqs-row:first-child{ display: flex; justify-content: center; } //Adding some spacing for the gap, increase spacing as needed #block-yui_3_17_2_1_1654648421854_15213{ margin-right: 3em; } //Removing the spacer, you can also just remove from the editor Im not sure if it will break it or not #block-yui_3_17_2_1_1654654334640_5483{ display: none } } Thank you, this helped! 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