Priority custom CSS

Questions & Help
,
1

Hi all

I want to customize the piroirty A,B and C

a.priority {
  font-size: 0.75em;
  background: var(--ct-block-reference-background);
  /* color: var(--ls-primary-text-color); */
  color: red;
  padding: 2px 2px 2px 2px;
  line-height: 1em;
  font-weight: 550;
  border-radius: 5px 5px 5px 5px;
  border-style: solid;
  /* border-color: var(--ls-link-ref-text-color); */
  border-color: red;
  border-width: 2px;
}

But I still see the bracket and the hashtag.
Screenshot 2023-04-01 at 17.58.18
How to remove them to make it look nicer?

thanks

2

Hi, you could do
a[href='#/page/A'] {font-size: 0;}
and then style the ::after pseudoelement, f9r example:

a[href='#/page/A']::after {
  content: 'A'; 
  font-size: 0.75rem;
  color: red;
  border: 2px solid red;
  border-radius: 5px;
  padding: 2px;
}
1 Like