Profile Widget adjustments
4 posters
Page 1 of 1
Profile Widget adjustments
Link: http://eeftesting.forumotion.co.uk
Version: PHPBB2
Could anyone possibly tell me where I can adjust how the avatar in the profile widget (only visible when logged in) is displayed? For example, if I want the avatar to appear as a circle, while the actual avatar (as shown in the post profile) being a square?
Thanks in advance for your help!
Re: Profile Widget adjustments
This is the CSS selector for the avatar in the widget:
- Code:
.module .box-content .mod-login-avatar
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Profile Widget adjustments
Thanks for your quick reply!
I made this now:
I probably made a mistake somewhere, because it doesn't work. Could you help me out here?
I made this now:
- Code:
.module .box-content .mod-login-avatar {
width: 75px;
height: 75px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
I probably made a mistake somewhere, because it doesn't work. Could you help me out here?
Re: Profile Widget adjustments
Add !important to your CSS code.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Profile Widget adjustments
Always try that when it doesn't work But it doesn't do anything.
- Code:
.module .box-content .mod-login-avatar {
width: 75px !important;
height: 75px !important;
border-radius: 50px !important;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
}
Re: Profile Widget adjustments
Add it to the top of your CSS stylesheet.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Profile Widget adjustments
My top looks like this now
Doesn't change anything
- Code:
!important
@font-face {
font-family: 'Lora';
font-style: normal;
font-weight: 400;
src: local('Lora'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v9/MVabO2jbLZ8M0pzO6jqg2fesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
}
Doesn't change anything
Re: Profile Widget adjustments
Hi,
What SLG tried to say is not adding !important in the top of you CSS. Its about placing this code:
In the first line of your CSS Stylesheet. Let me now the outcome. If it doesn't result, I will elaborate you a new CSS.
Regards.
What SLG tried to say is not adding !important in the top of you CSS. Its about placing this code:
- Code:
.module .box-content .mod-login-avatar {
width: 75px !important;
height: 75px !important;
border-radius: 50px !important;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
}
In the first line of your CSS Stylesheet. Let me now the outcome. If it doesn't result, I will elaborate you a new CSS.
Regards.
Re: Profile Widget adjustments
Do you mean the default profile widget or did you use the template 'mod_login' (under portal) to change selectors? If not you can try this css:
It is a bit general, as often with phpBB2 css, so it could be that other images are getting affected to but I think it will be restricted to the widget.
- Code:
#gallery_container img {
width: 75px;
height: 75px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
It is a bit general, as often with phpBB2 css, so it could be that other images are getting affected to but I think it will be restricted to the widget.
10spetter10- Forumember
- Posts : 195
Reputation : 82
Language : Dutch
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum