Title: Image alignment issues
Last modified: September 5, 2020

---

# Image alignment issues

 *  Resolved [avedislifestyle](https://wordpress.org/support/users/avedislifestyle/)
 * (@avedislifestyle)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/image-alignment-issues-7/)
 * Hi Support,
 * We have purchased imagify plugin to optimize all our product images, but after
   the optimization of images, we have some issues in image alignment. The 2 images
   displaying one below another. Kindly guide us in fixing this issue.
 * Please find the screenshot: [https://ibb.co/Rh0yrRN](https://ibb.co/Rh0yrRN).
 * Regards,
    Shabz
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fimage-alignment-issues-7%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [WP Media](https://wordpress.org/support/users/wp_media/)
 * (@wp_media)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/image-alignment-issues-7/#post-13369822)
 * Hi [@avedislifestyle](https://wordpress.org/support/users/avedislifestyle/)
 * The issue here is with WebP display. Sometimes, after activating WebP display
   option (using picture tags), your images might lose alignment.
 * The solution is simple. You should add one of the following CSS snippet to cover
   all alignments to ‘<picture>’ tag:
 *     ```
       .alignleft {
       text-align: left;
       }
   
       .aligncenter {
       text-align: center;
       }
   
       .alignright {
       text-align: right;
       }
       ```
   
 * You can add this code in Appearance > Customize > Additional CSS or in your (
   child) theme’s style.css.
 * Let me know if that helps.
 * Best regards
    Ioanna
    -  This reply was modified 5 years, 7 months ago by [tobifjellner (Tor-Bjorn “Tobi” Fjellner)](https://wordpress.org/support/users/tobifjellner/).
    -  This reply was modified 5 years, 7 months ago by [tobifjellner (Tor-Bjorn “Tobi” Fjellner)](https://wordpress.org/support/users/tobifjellner/).
      Reason: Marked code as code
 *  Thread Starter [avedislifestyle](https://wordpress.org/support/users/avedislifestyle/)
 * (@avedislifestyle)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/image-alignment-issues-7/#post-13370498)
 * Hi,
 * We are still waiting for the solution. Kindly reply, please
 *  Thread Starter [avedislifestyle](https://wordpress.org/support/users/avedislifestyle/)
 * (@avedislifestyle)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/image-alignment-issues-7/#post-13370541)
 * Hi,
 * We have added the same given code, but it didn’t work. Still shows the same
 *  Plugin Author [WP Media](https://wordpress.org/support/users/wp_media/)
 * (@wp_media)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/image-alignment-issues-7/#post-13372077)
 * Hi [@avedislifestyle](https://wordpress.org/support/users/avedislifestyle/)
 * Indeed the issue was more complex and this code below, based on our tests, will
   make it work.
 *     ```
       .main-container .shop-products .product-wrapper .product-image picture.secondary_image {
           left: 0;
           position: absolute;
           top: 0;
           z-index: 1;
           filter: alpha(opacity=0);
           opacity: 0;
       }
       .main-container .shop-products .product-wrapper:hover .product-image picture.secondary_image {
         filter: alpha(opacity=100);
         opacity: 1;
       }
       ```
   
 * You can contact us once it is applied so we can check it.
 * Best regards
    -  This reply was modified 5 years, 7 months ago by [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/).
    -  This reply was modified 5 years, 7 months ago by [tobifjellner (Tor-Bjorn “Tobi” Fjellner)](https://wordpress.org/support/users/tobifjellner/).
      Reason: Marked code as code
 *  Thread Starter [avedislifestyle](https://wordpress.org/support/users/avedislifestyle/)
 * (@avedislifestyle)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/image-alignment-issues-7/#post-13401019)
 * Hi,
 * Thank you very much. This worked for us.
 * Regards
 *  [carwashsp](https://wordpress.org/support/users/carwashsp/)
 * (@carwashsp)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/image-alignment-issues-7/#post-13460159)
 * i have the same issue
    [carwash](https://carwash-spong.com/)
 *  Plugin Author [WP Media](https://wordpress.org/support/users/wp_media/)
 * (@wp_media)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/image-alignment-issues-7/#post-13461583)
 * Hey [@carwashsp](https://wordpress.org/support/users/carwashsp/)
 * Can you tell me on which page the issue happens? Did you try the code from the
   previous message?
 * It might be different but we need to see it in action.
 * Best Regards
    Marko

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

The topic ‘Image alignment issues’ is closed to new replies.

 * ![](https://ps.w.org/imagify/assets/icon-256x256.gif?rev=3452959)
 * [Imagify Image Optimization – Optimize Images | Compress Images | Convert WebP | Convert AVIF](https://wordpress.org/plugins/imagify/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/imagify/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/imagify/)
 * [Active Topics](https://wordpress.org/support/plugin/imagify/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/imagify/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/imagify/reviews/)

## Tags

 * [variations](https://wordpress.org/support/topic-tag/variations/)

 * 7 replies
 * 3 participants
 * Last reply from: [WP Media](https://wordpress.org/support/users/wp_media/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/image-alignment-issues-7/#post-13461583)
 * Status: resolved