Possible CSS issue with text-wrapping and alignment

  • Reposting because I still can’t figure out what to do. I do know the basics about how to make text wrap around images, and how to align text in certain ways (left, right, center, etc.).

    My website is anatiala.com. My problem is that, after doing a ton of fine-tuning on the website, including installing the plug-ins Autoptimize and WP Super Cache, and then revising of a lot of content, I realized that text will no longer wrap around my images, and that the lines on my home page, which should be centered, are left-aligned.

    This is despite looking properly aligned in the visual editor (where you create the post/page)…

    I revised my content using the hemingwayapp; copied and pasted chunks of words into the old posts and then updated. I originally thought that this might have something to do with it, just because there was no issue with alignment when I first installed the new plug-ins, but looking at my website now, I can see that pages I didn’t revise are also showing some image/text alignment issues.

    I would really appreciate it if someone could help me out with this. I don’t know much about coding, but I’ve deactivated the plug-ins and rewrote the About page from scratch. Despite the rewrite and the plug-in deactivation, there is still a text-wrapping issue. Despite re-centering the sentences on my home page, they are still showing up as left-aligned. I’ve cleared my browser, and I cleared the cache before I deactivated WP Super Cache.

    From some reading, it seems it might be a CSS issue? I don’t know how to deal with this.

    Thank you again for any help and advice. I’m currently in Madagascar, so my replies might be late (7 hours ahead of EST).

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

  • Hi mpandeha11,

    It’s really simple: you are probably using a plugin that modifies some of your css. The problem comes from the fact that your <p> tags have “display:inline-block” when they should be “display:block”. Please go to the css editor of the theme you are using and paste this:

    p{display:block!important}

    I hope this answers your question!

    the above code also fixes the problems with wrapping the text around your photos in your blog posts

    Thread Starter mpandeha11

    (@mpandeha11)

    Thank you for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Possible CSS issue with text-wrapping and alignment’ is closed to new replies.