Please or Register to create posts and topics.

@Mentioning – Make larger?

Is there a simple way to make the @mention text Larger (older eyes) and add text in front of it like “Mention: @The_ELF”

Uploaded files:
  • Screenshot-2024-05-01-182248.png
  • Go to Backend/Forum
  • Go to Appearance (Style)
  • Go to Custom CSS
  • #af-wrapper span.mention-nice-name { font-size: 24px; }
  • Delete the Cache

Unfortunately, I can’t tell you how to put a text in front of it.

qualmy91 and Tark Henderson have reacted to this post.
qualmy91Tark Henderson
Nur ein Biker weiß, warum ein Hund seinen Kopf aus einem Autofenster steckt.
Only a biker knows why a dog sticks its head out a car window.

Hi @tark-hendersonar,

Sure, you can also achieve this using CSS, as Biker already explained for the adjusted font size. To add text in front of it like “Mention: @The_ELF” you can add the following CSS:

#af-wrapper span.mention-nice-name::before {
   content: “Mention: “;
}
To make it easier, I would also format the CSS of Biker to this later:
#af-wrapper span.mention-nice-name {
   font-size: 24px;
}
Biker and Tark Henderson have reacted to this post.
BikerTark Henderson
Need professional help with Asgaros Forum? Book an appointment with us at domra Web Solutions for setup and customization services. Learn more about our Toolbox for Asgaros Forum plugin to enhance your forum experience.