My product page is messy!

ToProtest377
New Member
10 0 0

https://toprotest.com/products/i-cant-even-think-straight-unisex-hoodie

The tables are often not organized! Although it looks organized on the editor. Also, if you look under the picture, there’s a big empty white space, how can I organize the page, maybe put the description in the empty space and beside it the table. Anybody knows how I can do that?

Replies 3 (3)

oscprofessional
Shopify Partner
15821 2368 3077

 

.product-single__meta {
    text-align: left;
}
fieldset#ProductSelect-option-0 {
    padding: 0;
    margin: 0;
}
fieldset#ProductSelect-option-1 {
    padding: 0;
    margin: 0;
}
.single-option-radio label {
    padding: 10px 8px;
    margin: 0;
}
.product-single__description.rte {
    margin: 0;
}
h1.product-single__title {
    FONT-SIZE: 24px;
}
table.size-guide__table.size-guide__new {
    table-layout: auto;
}

 

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
ToProtest377
New Member
10 0 0

Thank you for your help, the price and the sizes have a different look now, and that's coo, but the tables still unorganized, look here for example: 

https://toprotest.com/collections/t-shirts-women/products/pride-flag-unisex-t-shirt

 

Also, I'd appreciate it if you can help me filling the empty space under the product image, maybe put the description there or something.

ToProtest377
New Member
10 0 0

Hello?