Adding custom style to a Wiki page using MarkDown in Gitlab

Question

I’m trying to reproduce this example https://about.gitlab.com/handbook/product/technical-writing/markdown-guide/#styles 95

I’m writing this block in the content of the page

<style>
.purple {
  color:inherit;
}

.purple:hover {
  color:rgb(107,79,187);
}
</style>

Hey! Hover the cursor over me and guess what?

{: .purple}

But when I go to the content preview it doesn’t work.

What I’m doing wrong?

Thank you.

Answer 1

The page that you linked to is about how markdown works for GitLab's handbook which is built using a Static Site Generator that will interpret those style tags.

For any markdown styling within the GitLab product, including the wiki, you want to refer to the GitLab Flavored Markdown documentation.