The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to change the shape of the profile photo?

5 posters

Go down

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

Post by Skia Drum 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)?

How to change the shape of the profile photo? Capture

And how can I remove those extra description and spaces that are marked X?
Skia Drum
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 August 24th 2016, 11:26 am

Is your forum's version #punBB ?


How to change the shape of the profile photo? Slgray10

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

Male Posts : 51533
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

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

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

my forum's version is phbb3
Skia Drum
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 August 24th 2016, 11:35 am

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


How to change the shape of the profile photo? Slgray10

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

Male Posts : 51533
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Post by Skia Drum 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.

How to change the shape of the profile photo? Capture
Skia Drum
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 August 25th 2016, 11:20 am

*bump* *bump* *bump*
Skia Drum
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 TheCrow 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


How to change the shape of the profile photo? Thecro10
Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?



*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6922
Reputation : 795
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

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

Post by Skia Drum 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

How to change the shape of the profile photo? Untitl10

I want to remove the excess space that is marked red.
Skia Drum
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 August 25th 2016, 4:01 pm

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

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

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

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

why is the other question is answered while on my thread -_-
Skia Drum
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 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
Ace 1
Helper
Helper

Male Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

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

Post by Ape 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


How to change the shape of the profile photo? Left1212How to change the shape of the profile photo? Center11How to change the shape of the profile photo? Right112
How to change the shape of the profile photo? Ape_b110
How to change the shape of the profile photo? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19196
Reputation : 1997
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

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

Post by TheCrow August 25th 2016, 5:00 pm

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


How to change the shape of the profile photo? Thecro10
Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?



*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6922
Reputation : 795
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

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

Post by Skia Drum 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.

How to change the shape of the profile photo? Captur12
Skia Drum
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 TheCrow 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.


How to change the shape of the profile photo? Thecro10
Forum of the Forums

Forumotion Rules | Tips & Tricks |
FAQ | Did you forget your password?



*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6922
Reputation : 795
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

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

Post by Skia Drum 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 How to change the shape of the profile photo? Mouais
Skia Drum
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 August 25th 2016, 11:56 pm

Add the CSS to the top of the stylesheet.


How to change the shape of the profile photo? Slgray10

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

Male Posts : 51533
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

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

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

what css code?
Skia Drum
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 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}


How to change the shape of the profile photo? Left1212How to change the shape of the profile photo? Center11How to change the shape of the profile photo? Right112
How to change the shape of the profile photo? Ape_b110
How to change the shape of the profile photo? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19196
Reputation : 1997
Language : fluent in dork / mumbojumbo & English haha

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 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 How to change the shape of the profile photo? Mouais
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

Back to top

- Similar topics

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