centering a table on the product page | Brookyln Theme

Solved
sh5
New Member
3 0 2

Hey shopify users and supporters,

 

I have a problem regarding a table on my product page (I am using the brooklyn theme)

You can look at my product page here: http://bit.ly/2WOBxRZ

If you scroll down a bit and use a desktop browser you will see that all the content is centered except the table.

I tried fixing it with the normal center button and tried it bit with html but didnt found anything to work.

Maybe it has something to do that I stretched the product page to being full screen instead of the normal left oriented product description that comes with the brooklyn theme.

 

Any help is highly appreactied.

Thanks in advance! 

KetanKumar
Shopify Partner
20633 2141 7814

This is an accepted solution.

@sh5 

Thanks for post

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

.rte table {margin: 0px auto;}

 

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
sh5
New Member
3 0 2

Yes it works. Thank you really much for your fast support!

KetanKumar
Shopify Partner
20633 2141 7814

@sh5 

Thanks for your feedback 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
0 Likes
miraloclo
Tourist
8 0 1

Hi Ketan

Im having the same problem but using debut theme, are you able to help at all please?

https://miraloclo.com/pages/size-guide

Thanks in advance.

Stephen

KetanKumar
Shopify Partner
20633 2141 7814

@miraloclo 

sorry for that issue, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.rte table {
    table-layout: fixed;
    margin: 0px auto 27.5px;
}

 

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
0 Likes