The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to change the shape of the profile photo?

View previous topic View next topic Go down

In progress How to change the shape of the profile photo?

Post by Skia Drum on August 24th 2016, 8:20 am

Hi! How can I change the shape of the profile photo just like here in the forum (circle one)?



And how can I remove those extra description and spaces that are marked X?
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by SLGray on August 24th 2016, 11:26 am

Is your forum's version #punBB ?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 41179
Reputation : 2816
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 24th 2016, 11:30 am

@SLGray wrote:Is your forum's version #punBB ?

my forum's version is phbb3
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by SLGray on August 24th 2016, 11:35 am

CSS Stylesheet:
Code:
.postprofile dt img {
  border-radius: 100px;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 41179
Reputation : 2816
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 24th 2016, 12:06 pm

@SLGray wrote:CSS Stylesheet:
Code:
.postprofile dt img {
  border-radius: 100px;
}

Thanks! How about the spacing? to remove the extra spaces?
and still having this problem when I implemented your code above, some of the photos are ok, but some does not.

avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 11:20 am

*bump* *bump* *bump*
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Luffy on August 25th 2016, 12:54 pm

Hello @Skia Drum,

for the circled avatars try this code:
Code:
.postprofile dt img {
  border-radius: 100%;
  width: 150px;
  height: 150px
}

As for the spaces, which ones are you referring to? The ones under the rank or you want to add some more space around the avatar? Think





avatar
Luffy
Manager
Manager

Male Posts : 4931
Reputation : 507
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 3:47 pm

@Luffy wrote:Hello @Skia Drum,

for the circled avatars try this code:
Code:
.postprofile dt img {
  border-radius: 100%;
  width: 150px;
  height: 150px
}

As for the spaces, which ones are you referring to? The ones under the rank or you want to add some more space around the avatar? Think



I want to remove the excess space that is marked red.
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by shakib al hasan on August 25th 2016, 3:55 pm

But how to make circle avatar in the all places please?
avatar
shakib al hasan
Forumember

Male Posts : 62
Reputation : 3
Language : english

http://avacs.sforum.biz

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Ace 1 on August 25th 2016, 4:01 pm

@shakib al hasan You mean every avatar on your forum? phpbb3 right?
avatar
Ace 1
Helper
Helper

Male Posts : 831
Reputation : 62
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by shakib al hasan on August 25th 2016, 4:04 pm

Yes man.... right. I want same circle avatar as fm. Version phpbb3
avatar
shakib al hasan
Forumember

Male Posts : 62
Reputation : 3
Language : english

http://avacs.sforum.biz

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 4:13 pm

why is the other question is answered while on my thread -_-
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Ace 1 on August 25th 2016, 4:13 pm

@shakib al hasan The mods are gonna get on you cuz you didn't make a new topic but here's the CSS for it

Code:
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img { border-radius: 100px; }
avatar
Ace 1
Helper
Helper

Male Posts : 831
Reputation : 62
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by APE on August 25th 2016, 4:55 pm

@shakib al hasan
Please don't Hijack other members threads.
Member BANNED
He know's the rules.

Please read our forum rules: ESF General Rules


Last edited by APE on August 25th 2016, 5:12 pm; edited 1 time in total



avatar
APE
Manager
Manager

Male Posts : 11299
Reputation : 1083
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Luffy on August 25th 2016, 5:00 pm

@Skia Drum try adding this in your CSS:
Code:
.postprofile dd:nth-child(4) { margin-top: -25px }





avatar
Luffy
Manager
Manager

Male Posts : 4931
Reputation : 507
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 7:45 pm

This fixed my problem,

@Luffy wrote:Hello @Skia Drum,

for the circled avatars try this code:
Code:
.postprofile dt img {
  border-radius: 100%;
  width: 150px;
  height: 150px
}

As for the spaces, which ones are you referring to? The ones under the rank or you want to add some more space around the avatar? Think

However, I'm still having issues with the profile button, it turned out like this also.

avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Luffy on August 25th 2016, 10:37 pm

Hello @Skia Drum,

Try changing this:
Code:
.postprofile dt img
into this :
Code:
.postprofile dl dt img


I believe that should fix your problem.





avatar
Luffy
Manager
Manager

Male Posts : 4931
Reputation : 507
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 11:29 pm

@Luffy wrote:Hello @Skia Drum,

Try changing this:
Code:
.postprofile dt img
into this :
Code:
.postprofile dl dt img


I believe that should fix your problem.

that fixed it Very Happy but the profile image turned square again
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by SLGray on August 25th 2016, 11:56 pm

Add the CSS to the top of the stylesheet.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 41179
Reputation : 2816
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 26th 2016, 11:38 am

@SLGray wrote:Add the CSS to the top of the stylesheet.

what css code?
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by APE on August 26th 2016, 7:21 pm

add this one to the top of your CSS files


Code:
.postprofile dt img { border-radius: 100%; width: 150px; height: 150px}



avatar
APE
Manager
Manager

Male Posts : 11299
Reputation : 1083
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 26th 2016, 7:26 pm

@APE wrote:add this one to the top of your CSS files


Code:
.postprofile dt img { border-radius: 100%; width: 150px; height: 150px}

the profile button turned out circle again
avatar
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum