Modify the "Active" icon in the user area

[Valentin.M]

Hello,
Is it possible to enlarge (and center) the “Active” icon in the member area ?
If so, can you send me the CSS code that allows this modification ?

[andrii]

Hi,

Yes, please use these CSS snippets: How to add custom code snippets - HivePress Help Center :

.hp-template--memberships-view-page .hp-status span {
	font-size: 2rem;
}

.hp-template--memberships-view-page .hp-membership__details--primary {
	text-align: center;
}

Please note that it can require further customization.

​I hope this is helpful to you.

[Valentin.M]

Hello
Thank you, I took the liberty of completing the code, which works very well !

.hp-template--memberships-view-page .hp-status span {
	font-size: 3rem;
	border: 3px solid rgba(21,205,114);
	border-radius: 6px;
	padding: .5rem .6rem;
}

.hp-template--memberships-view-page .hp-membership__details--primary {
	text-align: center;
}