Michelle777 Posted June 11 Share Posted June 11 Hi there please can you help with some code? I want to increase the spacing between paragraphs (when I press enter) without increasing the line height. I have tried this code with various values (and also margin-bottom) and it's not changing anything. Thanks! Link to comment
Lesum Posted June 11 Share Posted June 11 @Michelle777 Can you please share your site URL? If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Lesum Posted June 11 Share Posted June 11 @Michelle777 Try adding this code under Custom CSS p { margin-block-start: 1.3em !important; margin-block-end: 1.3em !important; } Modify the value 1.3 in the code to adjust the spacing. If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Michelle777 Posted June 11 Author Share Posted June 11 Thank you Lesum that worked perfectly! Link to comment
Michelle777 Posted June 11 Author Share Posted June 11 Lesum, this looks great for the text, however it's making the padding really big under the final paragraph in a text box. Is there a way I can avoid that happening? Thank you! Link to comment
Lesum Posted June 11 Share Posted June 11 @Michelle777 Try adding this code to remove the spacing under final paragraph block: .sqs-block-html .sqs-html-content p:last-child { margin-block-end: 0 !important; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Michelle777 Posted June 11 Author Share Posted June 11 Amazing thank you so much! The only slight issue now is that when I use bullet points it loses the lovely spaces - could you help with that please? Thanks again! Link to comment
Solution Lesum Posted June 11 Solution Share Posted June 11 @Michelle777 Remove this code (last one I shared): .sqs-block-html .sqs-html-content p:last-child { margin-block-end: 0 !important; } Replace it with this code: .sqs-block-html .sqs-html-content p:last-child:not(li p) { margin-block-end: 0 !important; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? 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