Shopify themes, liquid, logos, and UX
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.
Looking forward hearing from you guys.
Thanks,
Paul.
Solved! Go to the solution
This is an accepted solution.
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;
}
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.
Please place this code at the end of theme.scss
product-single .product-description .table-responsive table tbody tr td {
padding: 0px 7px !important;
}
This is an accepted solution.
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;
}
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.
Thanks for update and support.
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>
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.
User | RANK |
---|---|
71 | |
65 | |
65 | |
53 | |
50 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023