Adding custom style to a Wiki page using MarkDown

How to Use GitLab
1

Hi there,

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

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.

2

I’m just replaying here to save others’ time like mine which ends here.
At the beginning page of the mentioned link in the question, explicitly mentioned:

This style guide is for about.gitlab.com. For styles in the GitLab UI, see the GitLab Flavored Markdown documentation.

So you cannot get it to work in Wiki or Markdown documents.

1 Like