centering a table on the product page | Brookyln Theme

Store Design
1

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!

1 Like
2

@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;}
1 Like
3

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

1 Like
4

@sh5

Thanks for your feedback and support.

5

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

1 Like
6

@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;
}
7

Hi there

Im having the same issue, i’m also trying to centre a table, but with the showcase theme.

I tried adding your code above in the first response, but it didn’t work.

are you able to please assist?
thank you so much!