Can I make a post keep it's appearance without itchangi font & background color?

  • Unknown's avatar

    My site is at http://inkposts.com/ and I have been trying to get a poem to appear like the below text,:
    “Let me know,
    I’m ready
    what have you got?
    One summer is all I need
    before harvest comes
    pull up, you’ll be fine,
    take a drag is that what they say?”

    Instead it is aligning aligning everything to the left like this:
    “Let me know,
    I’m ready
    what have you got?
    One summer is all I need
    before harvest comes
    pull up, you’ll be fine,
    take a drag is that what they say?”

    To try and solve this I have used the
    pre tag, or the preformatted button, (and pasted it as plain text) but when I preview the poem it is coming up in Courier text, in font size 10, on a gray background with a sliding bar underneath it, rather than Helvetica, font size 11.5, on a white background like all the other posts on the site. I don’t know much about coding but I tried to enter the appropriate coding to change the text and colour but it hasn’t worked. I’ve been looking around the WordPress Styling and Visual Editor help sections but the help offered there hasn’t helped me solve this issue.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    The above question hasn’t appeared properly at all, the first example containing the poem extract is meant to show the poem with various large spaces between the words and at the start of sentences. Why this has changed this I don’t know.

    I also don’t understand why the last part of the question has separated , changed font, and turned into one long sentence.

  • Hi there,

    The above question hasn’t appeared properly at all, the first example containing the poem extract is meant to show the poem with various large spaces between the words and at the start of sentences. Why this has changed this I don’t know.

    Much of the problem lies in the fact that websites (so not just WordPress) behave a bit differently than a text editor on your computer does. This can make adding something that requires special formatting like poetry a little difficult.

    With that in mind, this guide may help you: Writing and Formatting Poetry

    You can also send me a screenshot of what the poem should look like, so I can better understand the issue.

    Just add your screenshot to your Media Library of your site (Media>Add New) and let me know it is there so I can take a look.

    I also don’t understand why the last part of the question has separated , changed font, and turned into one long sentence.

    Part of the problem is that when you add those HTML tags into your question here, they are rendered instead of displayed. When you added the <pre> tag to your question, it made everything after it into pre-formatted text.

  • Unknown's avatar

    Hello,

    Thank you very much for your response, it has helped explain things a little and apologies for the poorly written question, (a member of our team accidentally submitted the question before reading through it).

    I’ve uploaded an image demonstrating how I would like the poem to appear in regards to spacing: http://inkposts.com/?attachment_id=1485

    I’ll take a good look at the help page you suggested and see what I can do.

  • I’ve uploaded an image demonstrating how I would like the poem to appear in regards to spacing: http://inkposts.com/?attachment_id=1485
    I’ll take a good look at the help page you suggested and see what I can do.

    That’s a tough one, and for something like that, I would recommend actually posting your poem as an image (cropped screenshot) as a workaround.

    Unfortunately, there is no way I can think of to pull off that kind of layout reliably. You can try adding manual spacing, but part of the problem is that the theme you’re using is mobile-responsive, so it adapts it’s layout to fit on mobile devices.

    This is in addition to the fact that everyone has a different browser/OS combination, and they all render text differently. So if I view a web page in Firefox on a Mac, and then Firefox on a PC, they will not render the text identically. Same if I compare a page in Firefox and Safari on my Mac.

    For most things, this is not an issue you would notice, but for things where preserving text spacing, line lengths, and where sentences “break” on the page, an image is really your only guarantee everyone sees the same thing as what you intend.

    Hope that helps. Please let me know if you have any further questions.

  • Unknown's avatar

    Okay thanks, I’ll try to do it as a screenshot and I’ll keep this information in mind next time.

  • The topic ‘Can I make a post keep it's appearance without itchangi font & background color?’ is closed to new replies.