Store Policy Table Background Colour

New Member
8 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

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
New Member
8 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

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
New Member
8 0 0

Where exactly?
Below the previous code you provided?

0 Likes

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
New Member
8 0 0

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

0 Likes

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

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