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.

New member avatar is not circle

View previous topic View next topic Go down

Solved New member avatar is not circle

Post by The Singer on January 25th 2017, 11:03 am

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem :
Who the problem concerns : All members
Forum link : http://avacs.yforum.biz

Description of problem

Hi

I used code to make circle avatar in the last post. But new member avatar or default avatar is not getting circle at all but but other avatars are getting circle in the last post.

For more check http://avacs.yforum.biz

How to make default avatar circle too?


Last edited by The Singer on January 25th 2017, 6:12 pm; edited 1 time in total
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by Draxion on January 25th 2017, 11:10 am

I can tell you right now the default avatar is circled too; it just has a transparent background and that way you can't tell if it is.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1710
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by The Singer on January 25th 2017, 11:41 am

But check this one http://avacschat.yforum.biz same bg but default avatar circle may be
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by Draxion on January 25th 2017, 11:56 am

That is because you gave avatars a white background color.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1710
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by The Singer on January 25th 2017, 12:01 pm

Ok how to give white background to avatar then?
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by Draxion on January 25th 2017, 12:01 pm

Add this to your circle avatar code.
Code:
background-color: #fff;


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1710
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by The Singer on January 25th 2017, 12:16 pm

[list=linenums]
[*]#wio_new_avatar,#wio_new_avatar img,.fa_recent_member a img{border-radius:100%!important}
[/list]


This is the code of circle avatar so where should I add that code which you gave me?

Add and send me...
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by Draxion on January 25th 2017, 12:19 pm

Add it after '!important;'


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1710
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by SLGray on January 25th 2017, 12:24 pm

Code:
#wio_new_avatar,#wio_new_avatar img,.fa_recent_member a img{
    border-radius:100%!important;
    background-color:  YOUR COLOR;
 }


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40195
Reputation : 2715
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by The Singer on January 25th 2017, 12:32 pm

SLGray wrote:
Code:
#wio_new_avatar,#wio_new_avatar img,.fa_recent_member a img{
  border-radius:100%!important;
  background-color: #ffffff;
 }
Still same problem.....I see
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by Draxion on January 25th 2017, 12:36 pm

Add '!important' to the background-color part of the code.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1710
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by The Singer on January 25th 2017, 12:40 pm

[list=linenums]
[*]
Code:
#wio_new_avatar,#wio_new_avatar img,.fa_recent_member a img{
border-radius:100%!important background-color: #ffffff;
}

[/list]


Last edited by The Singer on January 25th 2017, 12:42 pm; edited 1 time in total
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by Draxion on January 25th 2017, 12:41 pm

EDIT: sorry can't really post codes right now as I'm using mobile.


Last edited by Draxion on January 25th 2017, 12:44 pm; edited 1 time in total
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1710
Reputation : 223
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by SLGray on January 25th 2017, 12:43 pm

Please stop and really take the time to listen to what someone says.

Code:
background-color: YOUR COLOR !important;


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40195
Reputation : 2715
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by The Singer on January 25th 2017, 12:54 pm

Still same problem. I used the codes both of you but nothing happening at all. I used the direction of @SLGray too butut still same problem
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by SLGray on January 25th 2017, 12:55 pm

Clear your browser's cache and history.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40195
Reputation : 2715
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by The Singer on January 25th 2017, 1:06 pm

I did still same problem but @Luffy did something in my another forum http://avacschat.yforum.biz

But I cant do that in my another forum http://avacs.yforum.biz

If you can do it then I can give u a test ac.
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by Luffy on January 25th 2017, 2:37 pm

Try replacing the above code with this one:
Code:
#wio_new_avatar, #wio_new_avatar img, .fa_recent_member a img {
 border-radius: 100%!important; background-color: #ffffff!important;
}





avatar
Luffy
Manager
Manager

Male Posts : 4788
Reputation : 484
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: New member avatar is not circle

Post by The Singer on January 25th 2017, 3:34 pm

same and same problem. better i changed default avatar with an image...thats make it circle and nice too. you can lock this toipc but without a solution
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by Guest on January 25th 2017, 5:19 pm

Apparently you are not able to see the difference between your two sites.

The one with the white background and shadow has this code for the lastpost avatar

http://avacschat.yforum.biz/
Code:
.lastpost-avatar img, .mini_ava img {
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5), 0 -1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5), 0 -1px 1px rgba(0,0,0,0.1);
    background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.5), 0 -1px 1px rgba(0,0,0,0.1);
    padding: 3px;
}

On the site you do not have that you use a completely different code

http://avacs.yforum.biz/
Code:
.lastpost-avatar img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 38px;
    width: 38px;
}

Adding just more coding to override the wrong coding does not work. There is no solution if you do not understand it.

Guest
Guest


Back to top Go down

Solved Re: New member avatar is not circle

Post by The Singer on January 25th 2017, 6:11 pm

Wow, I just added second code. It is working
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: New member avatar is not circle

Post by APE on January 25th 2017, 6:48 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Manager
Manager

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

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

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