Text class inheriting link block "All links" styling

Design help Layout & Design
1

I have a text block within a div (case-study-details-text) within a link block. The link block (case-study-link) has the “all links” class applied. Apparently this means that my text will also inherit “all links” styling. It sounds like this is a function of CSS? But… I don’t wan’t the text to be styled as a link. It’s not a link. Is there a way around this? I don’t know how else to get text to show up within a tappable div module without also being styled as a link.

Here is my site Read-Only:
https://preview.webflow.com/preview/client-first-60907c?utm_medium=preview_link&utm_source=dashboard&utm_content=client-first-60907c&preview=128e6233c54317a3aff92519ffd20f97&workflow=preview

Here is my page link

2

FYI the elements I’m referring to are not on the main home page. They are on the second home page that is not actually the home.

3

Correct, this is how CSS and inheritance work.
Generally it’s best to just override the browser’s default link styling.

  1. Select the link element, which already has a class
  2. Change the decor to none. In Webflow, you first need to change it to underline and then none to get that setting.
  3. Pick a color for the text within it to inherit.

image
image1920×1049 122 KB

4

Ah I see you have to change styles on the parent element. That worked thank you.