New member avatar is not circle

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 : 2161
Reputation : 274
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 : 2161
Reputation : 274
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 : 2161
Reputation : 274
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 : 2161
Reputation : 274
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 : 43675
Reputation : 3105
Language : English
Location : United States

http://fmthemesdesignteam.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 : 2161
Reputation : 274
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 : 2161
Reputation : 274
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 : 43675
Reputation : 3105
Language : English
Location : United States

http://fmthemesdesignteam.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 : 43675
Reputation : 3105
Language : English
Location : United States

http://fmthemesdesignteam.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 : 5560
Reputation : 617
Language : Greek, English
Location : Greece

https://help.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
Administrator
Administrator

Male Posts : 12493
Reputation : 1308
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top


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