Hanging punctuation?

General topics
1

Hi, Coming from Indesign to Readymag, just wondering if there anyway to get hanging punctuation? I have quite allot of quotes in my body copy!

Thanks,

2

Hi @Big_stru, welcome to the Readymag forum. This could be achieved by creating a separate element for your quotation marks — I appreciate though this isn’t ideal for large amounts of copy. I have come up with this alternative for you to try below using code injection.

Try pasting the code below after your Body of the project. You can input the data-id selectors Readymag uses (article on how to find them here) for the paragraphs you need to have hanging punctuation — or for extra points and cleaner code, try using the paragraph styles Readymag allows you to save and target those in your CSS i.e. ‘H4’.

(‘\0022’ in the CSS is just the unicode for quotation marks — there can be some funny bugs when using quotation marks as content in your CSS!)

Screenshot below of the result!

648×522 25 KB 

<style>
  [data-id="62a73ffc9b5e4100293a6e43"]>p {
    font-size: 20px;
    margin-left: 1em;
  }

  [data-id="62a73ffc9b5e4100293a6e43"]>p:before {
    content: '\0022';
    position: absolute;
    margin-left: -.5em;
  }

  [data-id="62a73ffc9b5e4100293a6e43"]>p:after {
    content: '\0022';
  }
</style>
1 Like