Configurations in Cart/Checkout: Formatting messed up.

  • sray69

    (@sray69)


    2 months ago

    Hello,

    I first want to mention that my site is currently a staging site and is not live. If you need access I can provide that. Just let me know where to send that info.

    I am having issues with the formatting of the Configurations listed in the Cart/Checkout. Either the choices do not align with the correct labels or they are not spaced correctly/consistently.

    This is a snippet from my Cart on the desktop. Notice the added spacing/tabs on some and not on others?

    View post on imgur.com
    Desktop

    This is on mobile. Notice here that the Layer 1 choice (Aztec Sky) is lined up next to the Category heading (Color Options) and not Layer 1. Then all the rest are off from that point on. Also notice that the Layer 4 is pushed below the line. And the heading “Configuration” is all the way to the right when ideally it should be to the left.

    View post on imgur.com
    Mobile

    I am hoping there is a way to fix the formatting where the configurations are all aligned correctly.

    Thanks,
    Shawn

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Marc Lacroix

    (@marcusig)

    Hi Shawn,

    Sorry I missed your message. Could you send a link to the product here so I can have a look?
    This type of issue is related to the WP theme you are using, so I would need to see it in order to help.

    Marc

    Thread Starter sray69

    (@sray69)

    I have made some formatting changes via CSS and have fixed the alignments and formatting where it looks OK on the computer. I have yet to test and check the mobile versions. They will probably be all messed up.

    I wish the Configurations were formatted and aligned better in the Cart/Checkouts. When the Order Details section of the Cart/Checkout is not too wide (smaller screens, two columns, etc) it starts to get all jumbled together and does not look good. I think one thing that would help in those situations is to have a line break between the option heading and the option name. Also having the product name above the generated configured product image. Trying to cram the image/product name/quantity/configuration/price all in one row makes it hard to look good and easily readable.

    Here is my staging site.

    https://staging.bespokeartifacts.com/

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.