Text alignment with images

  • I am adding an image to a page with the “add media” icon and everything looks good in the editor–the text is wrapped and the image is where I want it. When I look at the front end page though, the text is not wrapping around the image. I am a very novice wordpress user and had someone build the site for me, so am not sure how to fix this….I am on my own now for editing/updates, and I think the site was built with a lot of custom settings in the theme. Would these conflict with the easy-add image options now avail in wordpress? Are there any suggestions on how I can fix this given I don’t know about coding?

    Thanks so much and apologies for my ignorance!

Viewing 4 replies - 1 through 4 (of 4 total)

  • start by checking if your theme has those styles mentioned in https://codex.www.ads-software.com/Wrapping_Text_Around_Images

    what theme are you using?

    can you post a link to a page or post with the issue, to allow troubleshooting and checking of the formatting by forum members?

    Thread Starter hduck

    (@hduck)

    Hi Michael,

    Thanks for answering. Here is a link to the problem page:
    https://www.niftynotes.ca/about/
    (pic is at the lower paragraph)

    I believe the theme is a custom-built theme using this:
    https://www.wpexplorer.com/silicon-app-product-showcase-wordpress-theme/

    I don’t know where/how to add the code in the link you posted above. Might be over my head….Would I go to:Appearance, editor, edit themes and add the code to the style sheet that is there?
    Thanks so much.

    adding those styles from the previous suggested Codex post should help:

    img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
    Thread Starter hduck

    (@hduck)

    Thanks Michael. I did try that. I went to:
    Appearance-editor-Styles -stylesheet (style.css) and copy/pasted the code, then updated but it didn’t change anything. I am likely not doing it correctly. I think at this point I’m out of my league (I don’t know HTML) and will need to contact someone to do this for me unless you have any other novice-suggestions. Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text alignment with images’ is closed to new replies.