I don’t have a lot of time, but it looks this code will fix it (I will add it to next theme version). Paste this to rtl.css under “Basic post styling”:
/* Styles for blockquote */
.entry-content blockquote {
padding: 24px 58px 24px 0;
padding: 1.714285714rem 4.142857143rem 1.714285714rem 0;
}
.comment-content blockquote {
padding: 12px 34px 12px 0;
padding: 0.857142857rem 2.428571429rem 0.857142857rem 0;
}
/* Tip21 - Icon webfont support implementation and examples */
.entry-content blockquote p:first-child:before,
.comment-content blockquote p:first-child:before {
padding-left: 0px;
padding-left: 0rem;
}
.entry-content blockquote p:first-child:before {
margin-right: -68px;
margin-right: -4.857142857rem;
}
.comment-content blockquote p:first-child:before {
margin-right: -34px;
margin-right: -2.428571429rem;
}
P.S. I didn’t test it in comments, might not look perfectly…
Hi Tomas,
Thank you for your response.
It did add right padding to the whole paragraph,
but the first line is not padded and thus the quotes image is still covering part of the text.
I tried to fiddle a bit with the CSS but had no success in fixing this.
I would appreciate further help.
Thanks again,
Benny.
You don’t have to do anything extra, just use the code that I provided. Looking at your site it looks that you got it 😉
If you used some additional rules, you can post them here, so I could add them to the theme.
Actually I got it to look right by inserting 14 leading spaces in the beginning of the quote. It’s just a workaround.
When I prepared the code above, I was looking at your site and was editing rtl.css in live mode an everything looked as intended, so I would just delete all your CSS workarounds, extra spaces, etc. and apply the CSS styles I gave you to rtl.css.
