Make size chart smaller on products page

Make size chart smaller on products page

isaacdob
Excursionist
65 0 1

I'm wanting to make the size chart smaller so it's more readable. I'm using Dawn theme.

 

www.evrenclothing.com 

password - chewno 

Screenshot 2024-06-19 at 7.19.00 PM.png

Replies 5 (5)

suyash1
Shopify Partner
9550 1194 1532

@isaacdob - please add this css to the very end of your base.css file and check

.accordion__content td{padding: 0.3em;}
Support me | To build shopify pages use pagefly | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Dan-From-Ryviu
Shopify Partner
8468 1665 1676

Hi @isaacdob 

Please add this code to your theme.liquid file, after <head>

<style>
.product__accordion table { text-align: center; }
.product__accordion .rte table td {
        padding-left: 0.2rem;
        padding-right: 0.2rem;
}
</style>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

isaacdob
Excursionist
65 0 1

@Dan-From-Ryviu 

 

Hey, it looks better but is their any way to make it look more like the image I attached below? Thanks for your help.

Screenshot 2024-06-19 at 10.07.44 PM.png

Dan-From-Ryviu
Shopify Partner
8468 1665 1676

Hi @isaacdob 

You can try to use an online table generator app, create a table as you request, and replace your table code with a new one. 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Anshul_arora
Navigator
450 128 93

Hello @isaacdob ,


I understand you are looking to make your size chart user-friendly and readable.


Please take a look at the below Free Shopify App, it provide feature to create attractive size chart -:


- https://apps.shopify.com/size-chart-smart


I hope it helps


Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here