Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Hyperlink color in markdown blocks


Chamullo

Question

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... 

Link to comment

6 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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? 

Edited by Sumana
Link to comment
  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...