Title: Alignment issues
Last modified: May 8, 2023

---

# Alignment issues

 *  Resolved [mysmarthands](https://wordpress.org/support/users/mysmarthands/)
 * (@mysmarthands)
 * [3 years ago](https://wordpress.org/support/topic/alignment-issues-32/)
 * I’m working on a staging site so I can’t link to the page I’m having issues with.
   When I list the downloads for sale without the music player enabled you can see
   that the product names align left and the prices are all in alignment. When I
   add the music player in it shifts the text alignment and the prices are also 
   no longer aligned. How can I fix this? 
   Before adding music player:
 * ![](https://i0.wp.com/www.mysmarthands.com/wp-content/uploads/2023/05/No-music-
   player.png?ssl=1)
 * After adding music player:
 * ![](https://i0.wp.com/www.mysmarthands.com/wp-content/uploads/2023/05/with-music-
   player.png?ssl=1)
 * When there is no music player selected the quantity boxes are all the same size.
   When I add the music player it changes the size of those boxes which is making
   the text appear misaligned.
 * ![](https://i0.wp.com/www.mysmarthands.com/wp-content/uploads/2023/05/Screen-
   Shot-2023-05-08-at-5.18.21-PM.png?ssl=1)
 * ![](https://i0.wp.com/www.mysmarthands.com/wp-content/uploads/2023/05/Screen-
   Shot-2023-05-08-at-5.20.30-PM.png?ssl=1)
 * ![](https://i0.wp.com/www.mysmarthands.com/wp-content/uploads/2023/05/Screen-
   Shot-2023-05-08-at-5.20.58-PM.png?ssl=1)

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/alignment-issues-32/#post-16720933)
 * Hello [@mysmarthands](https://wordpress.org/support/users/mysmarthands/)
 * Thank you very much for using our plugin. It is hard to fix the issue with only
   screenshots because it is related to the styles applied to the different tags,
   and some of them are defined by the theme active on your website, not our plugin.
 * However, based on the screenshots, you could enter the style definition below
   through the menu option “Appearance > Customize > Additional CSS”:
 *     ```wp-block-code
       td.woocommerce-grouped-product-list-item__quantity{width:150x !important;}
       ```
   
 * Best regards.
 *  Thread Starter [mysmarthands](https://wordpress.org/support/users/mysmarthands/)
 * (@mysmarthands)
 * [3 years ago](https://wordpress.org/support/topic/alignment-issues-32/#post-16720955)
 * Thanks for the quick response. That didn’t seem to work. I took the page off 
   of ‘under construction’ for now so you can have a look at the page:
 * [https://www.staging.mysmarthands.com/product/my-smart-hands-vol-1-full-cd-canadian-download/](https://www.staging.mysmarthands.com/product/my-smart-hands-vol-1-full-cd-canadian-download/)
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/alignment-issues-32/#post-16720964)
 * Hello [@mysmarthands](https://wordpress.org/support/users/mysmarthands/)
 * My apologies, the previous solution does not work because it has a typo. The 
   correct is `150px` and not 150x.
 * Best regards.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years ago](https://wordpress.org/support/topic/alignment-issues-32/#post-16720972)
 * Hello [@mysmarthands](https://wordpress.org/support/users/mysmarthands/)
 * Additional , you should enter the style definition:
 *     ```wp-block-code
       .woocommerce-grouped-product-list-item__label{width:100% !important;}
       ```
   
 * Best regards.
 *  Thread Starter [mysmarthands](https://wordpress.org/support/users/mysmarthands/)
 * (@mysmarthands)
 * [3 years ago](https://wordpress.org/support/topic/alignment-issues-32/#post-16720990)
 * Thank you. That worked. Great customer support!

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

The topic ‘Alignment issues’ is closed to new replies.

 * ![](https://ps.w.org/music-player-for-woocommerce/assets/icon-256x256.jpg?rev
   =1462208)
 * [Music Player for WooCommerce](https://wordpress.org/plugins/music-player-for-woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/music-player-for-woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/music-player-for-woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/music-player-for-woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/music-player-for-woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/music-player-for-woocommerce/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [mysmarthands](https://wordpress.org/support/users/mysmarthands/)
 * Last activity: [3 years ago](https://wordpress.org/support/topic/alignment-issues-32/#post-16720990)
 * Status: resolved