Link Style not present for a List in Typography

Elements
1

@Ben @Dan In Show Theme Settings —> Typography for List, there is no option for Link Style, unlike Paragraph, H1 to H6, Code and Quote.

When setting up a link in a list in a Markdown Component, it is not shown in colour or otherwise to indicate it is a link.

See the Downloads page for the following project elementsapp://downloadDocument/iZ2AtYTFBVHQ.

I think this issue also affects the List component.

Is this intended?

image 2
image 21380×920 142 KB

image 1
image 11380×920 116 KB

2 Likes
2

Bump…

3 
/* ================================
   LINKS (explicit – wins against list rules)
================================ */
[&_a]:!font-body
[&_a]:text-brand-500
[&_a]:underline-offset-2
[&_a:hover]:underline

That should help. In the Typography component → Advanced, add the following to Classes:

Adjust it to your desired link color.

But yes, you’re right. A fix for that would make sense.

1 Like
4

This is a huge help, Thank you so much. I was converting over a site and noticed that my bulleted list links did not show up, but the cursor changed when you hovered over linked them. Lucky for me there is only on one section on the site using this type list – I am using the RM Markdown component.

Here is an example of markdown which started with bulleted list that was not showing the underline links.

  • [some name](some url.com) then the rest of the text. ( this was not showing the link underline )

So I pulled the bulleted “*” then used the old
tag at the end of each line within Markdown to make this work.

[some name](some url.com) then the rest of the text.
This was my work around…