Prestige theme: reduce white space between rows in a table

Store Design
, ,
1

I’ve added a table to a “page” in the prestige theme and there’s a lot of white space between the rows. I’ve already removed the horizontal line that appeared between rows (by editing theme.css) and now want to tighten it up.

The page: https://tv8tw4fvbzghlw6t-4684742730.shopifypreview.com/pages?preview_key=25c8aa3c82e3d2ac9b4749b97d527715

There’s nothing about padding in the page’s HTML editor, so I’m guessing this is also somewhere in a css file. I see some lines about padding in the theme.css file, but I can’t tell what’s what and I don’t want to mess up the page.

Please advise! thank you! lizzy

2

Hi @lkstar

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css.

Step 3: Paste the below code at bottom of the file → Save

.Rte img {
    margin: 0 0 15px 0 !important;
}
.Rte table td {
    padding: 0 7px !important;
}

Hope that my solution works for you.

Best regards,

Victor | PageFly

1 Like
3

worked like a charm! thank you!

1 Like
4

You are welcome @lkstar :blush:

1 Like