Skip to main content
Ask a Question
CSS
Wan
Asked a question 6 months ago

How to resize the verification icon beside the user profile name using CSS?

Where am I?

In Tribe you can ask and answer questions and share your experience with others!

Pretty much the interface of any webpage can be tweaked by modifying its css properties. It is fun and pretty easy. So if you have an interest in tweaking your community, knowing how to inspect an element and change its CSS right within your browser would be quite an added skill. you can also easily change other aspect of your web page without asking for specific instruction. a quick google search would bring tons of result.

Having said that, We are planning to equip Tribe with settings that would allow you to modify your community right out of the box without touching code. Till then, the work around is with CSS overrides. 

However, if you change every aspect of your Tribe using CSS overrides, future updates of Tribe might break things as it might not be compatible with the changes you have made and you may simply need to remove that additional css. So any instruction in regards to CSS changes on Tribe should not be taken as an official guideline for doing things in your Tribe workspace.

So here is what I would do if I want to change the size of verification icon. I can see in the code that it has the class name of "verification-icon" so I basically go to my admin > theme > advanced css and change the font size of it to make it bigger.

 

.verification-icon {
	font-size: 18px !important;
}