mymbym Posted September 2, 2023 Share Posted September 2, 2023 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, 2023 Share Posted September 2, 2023 @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, 2023 Author Share Posted September 3, 2023 @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, 2023 Solution Share Posted September 3, 2023 @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
mymbym Posted September 3, 2023 Author Share Posted September 3, 2023 @Lesum Thank you! Lesum 1 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