Alignment issue on product pages

  • Resolved magnusjacobsson

    (@magnusjacobsson)


    2 years, 9 months ago

    Hello! I just noticed that the attribute description texts and the drop downs aren’t properlly aligned. Also, why is the number for the amount of items to put in the cart so tiny? Been bothering me for a while. I’m quite sure that I don’t use any custom css on this page that should create these issues. Here’s a screen shot as well. https://www.xactnodbelysning.se/WooAlign.JPG

    Please get back to me or fix this.
    Kind regards.
    Magnus

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Daniyal Ahmed (a11n)

    (@daniyalahmedk)

    Hi there,

    Thanks for reaching out.

    I’ll help you get started with this by providing basic CSS, and it seems like these styles have been applied from the Divi theme you are using. I think it will be better if you reach out to Divi Support if you have other issues regarding styles.

    Can you please you navigate to Appearance > Customize > Additional CSS and add the following CSS code:

    .woocommerce div.product form.cart .variations th {
    padding: 0 !important;
}
.woocommerce .quantity .qty {
    width: 100px !important;
}

    Hope it helps!

    Best,

    Thread Starter magnusjacobsson

    (@magnusjacobsson)

    Thank you for the information. I solved the issue doing the following:
    .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    vertical-align: super !important;
    }
    .woocommerce .quantity .qty {
    font-size: 18px !important;
    padding: 10px !important;
    }

    Awesome! Thanks for sharing your solution with the WooCommerce community.

    It’ll be helpful for others facing a similar issue.

    Feel free to create a new topic if you have any other questions.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Alignment issue on product pages’ is closed to new replies.