Hyperlink color in markdown blocks

Hi all,

I have set a color for my hyperlinks in the Site Syles section but this color doesn't seem to translate to markdown blocks. I am using a markdown block for an expandable FAQ section and have included some hyperlinks. Unfortunately these links work but they are impossible to see as they remain the same color as the default font.

Anyone know how I can have the same color for my hyperlinks in a markdown block?

My website is https://www.everlandstudios.com.au

Thanks in advance... 

Add to Home > Design > Custom CSS

.markdown-block a {
    color: green !important;
}

Is there a way to do this for specific markdowns with a blockID?

On 12/2/2020 at 3:38 AM, Praneetha said:

Is there a way to do this for specific markdowns with a blockID?

Use this code

#block-id a {
    color: green !important;
}

Find ID with https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

Thanks @tuanphan!!

Hi @tuanphanis there a way to do this with a specific color? I want all the hyperlinks on my website to be one color so how can I change the markdown hyperlink to be this color as well? This is the color: hsl(45, 12%, 86%)

And how can I get the markdown link to be underlined as well? 

On 6/25/2021 at 3:33 PM, Sumana said:

Hi @tuanphanis there a way to do this with a specific color? I want all the hyperlinks on my website to be one color so how can I change the markdown hyperlink to be this color as well? This is the color: hsl(45, 12%, 86%)

And how can I get the markdown link to be underlined as well? 

change green to hsl(45, 12%, 86%)

eg: color: hsl(45, 12%, 86%);

.markdown-block a {
	color: hsl(45, 12%, 86%) !important;
}

With markdown underline, use this code

.markdown-block a {
	border-bottom: 1px solid currentColor;
}