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?

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.


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.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

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.


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.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.


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*

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






Luffy
Manager
Manager

Male Posts : 4245
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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.

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?

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?

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
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

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 -_-

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; }

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
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




APE
Manager
Manager

Male Posts : 8618
Reputation : 749
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 }






Luffy
Manager
Manager

Male Posts : 4245
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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.


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.






Luffy
Manager
Manager

Male Posts : 4245
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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

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.


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.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?

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}




APE
Manager
Manager

Male Posts : 8618
Reputation : 749
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

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