Store Policy Table Background Colour

Highlighted
Tourist
11 0 0

Hey all,

New here, so pardon me if this is quite an amateur question.

I am having an issue with the background colour of a table I have created in my shipping policy.

For some reason it is yellow, where I just want it to match my normal background, but also have white bordering around the table.

https://outshinegaming.com/policies/shipping-policy

Can anyone help with this?

0 Likes
Highlighted

Hello 

Add this css at bottom
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.shopify-policy__body table {
background-color: gray!important;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
11 0 0

Thanks for the quick response, it does look alot better, however I was hoping for it to match the colour of the webpage.

In addition to this I was also hoping to get clear lines surrounding the table, its border.

Thanks again

0 Likes
Highlighted

Okay.

Add this css

tr:first-child th:after, tr:first-child td:after {
     border-bottom: 0!important;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
11 0 0

Where exactly?
Below the previous code you provided?

0 Likes
Highlighted

Yes.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
11 0 0

Thanks, I have applied what you have stated but still no change?

0 Likes
Highlighted

That css will remove border that was appeared after first row.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

You want colour of the webpage to table then
Replace this css

.shopify-policy__body table {
background-color: gray!important;
}

 

With below css

 

.shopify-policy__body table {
background-color:#555555;
}

 

 

#555555

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes