Change table border color on Shipping Policy page

Store Design

Topic summary

A user seeks to modify the table styling on their Shopify shipping policy page, specifically wanting to change the border from transparent to grey and add a light grey background.

Solutions Provided:

Three support representatives offered similar CSS-based solutions:

  • PageFly-Victor: Add CSS code to component-rte.css file targeting .rte table with border: 1px solid grey and background: lightgrey

  • GemPages: Insert CSS code in theme.liquid file before the </body> tag

  • INA_MSWEB (MS Web Designer): Add CSS targeting .tanarekin-gdpr.table-large-8 with specific hex color values (#080808 for border, #FAF9F6 for background)

All solutions follow the same approach: navigate to Online Store → Theme → Edit code, then paste the provided CSS.

Follow-up Question:

The original poster asked if it’s possible to make the border line width half as thick, indicating they want to refine the styling further. This question remains unanswered in the current thread.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hi there!

How can I change the border of the table in my shipping policy from transparent to grey and give the table a light grey background?

URL: https://taneraskin.com/policies/shipping-policy

Thanks!

2

Hi @isabellemaria ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-rte.cs->paste below code at the bottom of the file:

.rte table {
    border: 1px solid grey !important;
    background: lightgrey !important;
}

PageFlyVictor_0-1677631018443.png
PageFlyVictor_0-1677631018443.png707×278 19.2 KB

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
3

Hello @isabellemaria ,

You can follow these steps:

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

GemPages_0-1677634134227.png
GemPages_0-1677634134227.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1677634156462.png
GemPages_1-1677634156462.png1333×896 66.8 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like
4

Hi @isabellemaria

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.taneraskin-gdpr table.large-8 {border: 1px solid #808080 !important; background: #FAF9F6 !important;}

Regards,

San

5

Is it possible to make the border line width just half as thick?