Archived topic

Change quotation marks

3 replies · Started by Dave on January 12, 2016

Viewing posts 1–4 of 4

January 12, 2016 at 2:20 am #165224

Hi - quick question:

How do I change the quotation marks from a solid line down the left to actual nice "quotation marks"?

Thanks
Dave

January 12, 2016 at 10:22 am #165354

Hi Dave,

You could do something like this:

blockquote:before {
    content: '"';
    position: absolute;
    left: -10px;
    font-size: 60px;
    top: 0;
}

blockquote {
    border: 0;
}

You'll need to adjust the positioning of the quotation and font size etc but this should get you on your way :)

January 13, 2016 at 12:45 am #165479

Awesome - thanks.

January 13, 2016 at 10:15 am #165592

You're welcome :)

This archived topic is closed to new replies.