I would guess, you first need an image of the quote marks 66, then you need to align that image to the left, and centre your quote text, or you can use straight text for the quote marks rather than an image using an enlarged font size.
I don't know exactly as I'm not an HTML/CSS expert but it will take some trial and error. Something to get you started - not the cleanest code and not the best methodology but it's a starting point.The better way would be adapt the inline styles exampled above into your user.css (or custom.css) custom CSS style sheet file when you get the look you're after.
Maybe even simpler, in your example replace the 'vertical line' image with a quote mark image. You might need to dig into the CSS to find out that - using the browsers webmaster tools "Inspect" function (select the element, right click, select "Inspect").
I don't know exactly as I'm not an HTML/CSS expert but it will take some trial and error. Something to get you started - not the cleanest code and not the best methodology but it's a starting point.
Code:
<div style="margin:10px"><span style="font-size:45px;">"</span><blockquote style=align:center">something something</blockquote></div>Maybe even simpler, in your example replace the 'vertical line' image with a quote mark image. You might need to dig into the CSS to find out that - using the browsers webmaster tools "Inspect" function (select the element, right click, select "Inspect").
Statistics: Posted by AMurray — Sat Oct 12, 2024 9:06 am