Inline CSS Getting Overridden?

M6Email
New Member
2 0 0

Hello! I'm hoping this is the correct place to seek help.

We have an Order Confirmation page where we want to have white text for the Billing Address on a green background color. We have inline CSS to turn the text white like this:

<span style="font-family: 'Work Sans',Arial,sans-serif; font-size:18px; font-weight:300; color:#ffffff; line-height:150%">{{ billing_address | format_address }}</span>

but when we preview it, it looks like a gray color (#777777)? Is the external CSS file overriding the internal CSS here?

<link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">

I have not been able to find this CSS file in Shopify to view/edit that file

Any help would be greatly appreciated!

Thanks!

0 Likes
M6Email
New Member
2 0 0

Anyone able to help? I just need to be able to turn that text white and not have it overridden by the external CSS. Or is there a way to edit that external CSS file?

Thank you!

0 Likes