Support » Theme: Twenty Thirteen » aligning pics and text

  • Hi,
    I’m just building a simple page with texts and a few pics. I’m not using code. Just the template.

    This page won’t align my thumbnails with my text. It looks correct on the “visual” section of my editor, but not on the published page.



Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi Ryan,

    In what way aren’t the images not aligning with the text? I’m looking at the page now and I can see two images aligned to the left and the text aligned to the right. Perhaps you’re looking for a different outcome, or you’ve fixed the issue?

    Best 🙂
    – Maria Antonietta

    Hi Maria,

    Thanks for the response. Everything is aligned to the left. I double checked. It seems weird that the thumbnails and text aren’t aligned together.

    Hi Ryan,

    One thing I’ve noticed is that each paragraph has an inline CSS style that aligns the text to the left. Here’s the screenshot of the situation as it is now:

    My guess is that the inline style rule comes from the page editor in the admin back-end or it was hard-coded in the HTML mark-up. This means that it was put there by whoever wrote that page (rather than the theme itself).

    One solution would be to go through that page (if it was written in the page editor you’ll need to edit that specific page content, if it’s static content, you need to go into the HTML mark-up for that page) and change style=”text-align:left;” into style=”text-align:right;”. This would give you some more breathing space between image and text.

    Here’s a screenshot of what it would look like after this modification:

    However, I’d like to point out that writing inline styles is not really best practice. The best solution would be to create a child theme (if you haven’t already done so) and add the CSS rule using style.css in the child theme.

    Don’t hesitate to let me know if this solves the problem.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘aligning pics and text’ is closed to new replies.