Align left – Overlapping issue

  • Resolved Bliss07

    (@bliss07)


    5 years, 11 months ago

    Hello everyone,

    I have a problem when I align images to the left inside a new page, when I publish the page the last image is overlapping the text above despite the editor its showing them correctly.

    Is it a theme issue?

    Thank you in advance.

    • This topic was modified 5 years, 11 months ago by Bliss07.
    • This topic was modified 5 years, 11 months ago by Bliss07.

    The page I need help with: [log in to see the link]

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

    (@joyously)

    5 years, 11 months ago

    No, it is not really a theme issue.
    The theme defines the alignment style (as does the block styles), but it depends on how you use them. Most alignments use CSS float, and it needs to be cleared correctly.
    Your first 2 images are shorter than the text near them. The third image is taller than the text, so the heading for the fourth image flows around the third image and so does the fourth image.
    You can fix this case (and affect other pages also), by adding some CSS in Customizer like
    h4 {clear: both}
    Or you can make it more specific to this page by adding one of the body classes like
    .page-id-2705 h4 {clear: both}

    Thread Starter Bliss07

    (@bliss07)

    5 years, 11 months ago

    The thing is that I have set all the images with the same size but when publishing the system changes it randomly and honestly I don’t know why. Again, in the page editor it look fine.

    I am going to make the customization as you suggested, now and see if that fix the problem.

    Thanks

    Thread Starter Bliss07

    (@bliss07)

    5 years, 11 months ago

    It works! By adding one of these two lines of CSS, the images are not floating anymore.

    (However, the images have still different sizes despite I have set them with the same dimension. I will investigate on that now otherwise I’ll open a new topic if I can’t find it in the old ones).

    Thank you for your assistance Joy!

    • This reply was modified 5 years, 11 months ago by Bliss07. Reason: grammatic change
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Align left – Overlapping issue’ is closed to new replies.