Change Custom Html Text color

https://preview.webflow.com/preview/urban-living-nashville1?utm_medium=preview_link&utm_source=dashboard&utm_content=urban-living-nashville1&preview=797e85163082a5b221015bc02bad6316&mode=preview

I need to add this custom code/widget to my site but I can’t figure out how to make the text link white instead of blue. As it shows up under the embed form.

https://urban-living-nashville1.webflow.io

I’ve attached the share link and the link to the subdomain. Plus a screen shot of the blue text that I am trying to change. This text comes from a html code from an idx site and I’m not sure how to change it.

Screen Shot 2020-02-18 at 11.14.07 AM

Add the following CSS,
.bfg-grid-20 span{
color: #fff;
text-decoration: none !important;
}

Screen Shot 2020-02-18 at 11.50.00 AM

@vict Thank you for your fast response. I still have a lot of learning to do.
I’ve attached a screenshot of where I added it, unfortunately it looks like I have missed a step. What did I do wrong?

Have you tried enclosing it within the Style tag?

So:

<style>
.bfg-grid-20 span{
color: #fff;
`text-decoration: none !important;`
}
</style>

Not 100% sure if that is the solution though.

.bfg-grid-20 span{
color: #fff;
}

.bfg-grid-20 a{
text-decoration: none !important;
}

1 Like

:frowning_face: Still Blue… @Andy_Vaughan & @vict

1 Like

Hey, That code didn’t worked for me either, stubborn blue and that ugly underline was there no matter what. Until I added this code (it takes styling from the parent):

<style>
a { color: inherit; } 
a { text-decoration: none; }
</style>
1 Like

Whoop whoop! This worked for me! Thanx!