How can I center a table in CSS?

[MGNetworks]

Hi folks, i try to center a table today, seems impossible to do so..

Tried to look into section-main-product.css and base.css but can’t seem to find it.
I managed to center the title but that’s it..

Script wise the popup title and table looks like:

{{ block.settings.page.title }}

{{ block.settings.page.content }}

Because i use a page as content for the popup

See image below

[Moeed]

Hey @MGNetworks

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[MGNetworks]

thanks

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[MGNetworks]

It was a great fast response and solution yes, thanks.

I got another one for you if you want

I keep having image borders when i use border-radius: 20px;

border:0; doesn’t work either.

How to get rid of that?

See below:

It’s hard to see on some screens, on phone it’s easy to see too