Alignment issues

  • Resolved mysmarthands

    (@mysmarthands)


    3 years ago

    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:

    After adding music player:

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author codepeople

    (@codepeople)

    3 years ago

    Hello @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”:

    td.woocommerce-grouped-product-list-item__quantity{width:150x !important;}

    Best regards.

    Thread Starter mysmarthands

    (@mysmarthands)

    3 years ago

    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/

    Plugin Author codepeople

    (@codepeople)

    3 years ago

    Hello @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

    (@codepeople)

    3 years ago

    Hello @mysmarthands

    Additional , you should enter the style definition:

    .woocommerce-grouped-product-list-item__label{width:100% !important;}

    Best regards.

    Thread Starter mysmarthands

    (@mysmarthands)

    3 years ago

    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.