How to resize the size chart Minimal Theme

Solved
PaulOP
Excursionist
15 0 3

Hello, 

 

As the title says, I want to resize the size chart on product page. It is HUGE and looks very bad and takes too much space on the page this way. How can I edit and resize it?

I tried to manually resize it from shopify product page but it makes it look even worse.

 

PaulOP_0-1606593011721.png

 

Looking forward hearing from you guys. 

Thanks, 

Paul.

Accepted Solution (1)
KetanKumar
Shopify Partner
36597 3628 11815

This is an accepted solution.

@PaulOP 

Thanks for post 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.product-description th, .product-description td {
padding: 5px 15px;
    border: 1px solid #000;
    text-align: center;
    font-size: 14px;
    line-height: normal;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 8 (8)
KetanKumar
Shopify Partner
36597 3628 11815

Hello, @PaulOP 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
PaulOP
Excursionist
15 0 3

Hello @KetanKumar

 

www.colory-studio.com

Psw: colory

 

Thanks, 

Paul

AlexEffron
Shopify Partner
2683 387 1052

Please place this code at  the end of theme.scss

product-single .product-description .table-responsive table tbody tr td {

padding: 0px 7px !important;

}
KetanKumar
Shopify Partner
36597 3628 11815

This is an accepted solution.

@PaulOP 

Thanks for post 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.product-description th, .product-description td {
padding: 5px 15px;
    border: 1px solid #000;
    text-align: center;
    font-size: 14px;
    line-height: normal;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
PaulOP
Excursionist
15 0 3

Thank you @KetanKumar ,

this works exactly how I wanted. I appreciate your help.

 

Hello @AlexEffron .  I tried what you recommended but it's not how I wanted it to look. You solution is good too and also works, thank you for your time.

 

Have a great day guys, 

Paul.

KetanKumar
Shopify Partner
36597 3628 11815

@PaulOP 

Thanks for update and support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Muhammad11
Tourist
9 0 4

Two size chart tables appear on my Size guide page in Minimal theme.

Here is the code:

<div class="section-header">
<h1 class="section-header--title">{{ page.title }}</h1>
</div>


{{ page.content }}
{% section 'custom-feature-row' %}
<div class="rte">
</div>

{{ page.content }}
{% section 'custom-rich-text' %}
{% section 'custom-slider' %}


\<div class="grid">

<div class="grid__item post-large--two-thirds push--post-large--one-sixth">

</div>

</div>

KetanKumar
Shopify Partner
36597 3628 11815

@Muhammad11 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing