mymbym Posted September 2 Share Posted September 2 Hi there! I'm trying to create space between two quotes on a single image card. It works when I'm in editor, but when I hit save it no longer has the space I created. Is there a way to manually force this with CSS or another work around? website is karlapunogarcia.com/press and it's the second card. This is what it's supposed to look like. This is what happens after I hit save. Link to comment
Lesum Posted September 2 Share Posted September 2 @mymbym Here's a code snippet you can try: #block-yui_3_17_2_1_1693504116039_11361 p em:nth-child(1):after { content: "\a\a"; } 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
mymbym Posted September 3 Author Share Posted September 3 @Lesum Thank you so much! The code created a few extra spaces so I tweaked it to be this code: #block-yui_3_17_2_1_1693504116039_11361 .image-title em:nth-child(1):after { content: "\a\a"; } But, it created an additional space between the title and subtitle elements. Is there a way to get rid of the space between "New York Times" and "Days of Wine and Roses? Link to comment
Solution Lesum Posted September 3 Solution Share Posted September 3 @mymbym Try this #block-yui_3_17_2_1_1693504116039_11361 p:nth-child(1):after { content: "\a\a"; } mymbym 1 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