CSS for round avatars & change title font/size

#1 · May 30, 2021, 5:53 pm

Hi dear Asgaros support team !

I have a little problem. When I use Ultimate Member the avatars are shown round in the forum, but when I use ProfileGrid the avatar are shown square.

Is there some CSS to get round avatars whatever the community plugin I use ?

PS : I don’t use both UM and ProfileGrid at same time ofc, I just have a big problem with Ultimate Member’s Members Page and Scrollbar which makes troubles, thats why I wanna switch to ProfileGrid

Also could you please share with me some CSS for the title font and title size of the title of the forum ?

Thank you very much for your work !

#2 · May 31, 2021, 4:07 pm

My bad, forgot to put the link –> https://lesplainesdusilence.com/forum/

About title font, I’d like to have the word “Accueil” (means “home” in FR) to have same size than here for the Support Forum, looks much better.

Hope someone can help me.

Best regards

#3 · June 2, 2021, 7:55 am

@asgaros @qualmy91

Anyone there guys ? :'(

#4 · June 5, 2021, 7:45 pm

Hi,

I tried by myself to learn a few basics on CSS, so i think i succeeded to change what i wanted to change. If it can be useful for someone else, here are the simple CSS i added.

Round avatar :

#af-wrapper img

border-radius: 50px;

box-shadow: none;

}

Change title font/size :

#primary .post .entry-content h1, #primary .page .entry-content h1 {
font-family: Habibi;
font-size: 28px;
}

Of course change font and size as you wish.

Asgaros, WoMo Olli and fweinert have reacted to this post.