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.

Profile Widget adjustments

View previous topic View next topic Go down

In progress Profile Widget adjustments

Post by viezesokken on December 11th 2015, 2:21 am


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!

viezesokken
New Member

Posts : 20
Reputation : 2
Language : English, Dutch

http://www.themazerunnernl.actieforum.com

Back to top Go down

In progress Re: Profile Widget adjustments

Post by SLGray on December 11th 2015, 2:25 am

This is the CSS selector for the avatar in the widget:
Code:
.module .box-content .mod-login-avatar


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


SLGray
Administrator
Administrator

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

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Profile Widget adjustments

Post by viezesokken on December 11th 2015, 2:40 am

Thanks for your quick reply!

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? Smile

viezesokken
New Member

Posts : 20
Reputation : 2
Language : English, Dutch

http://www.themazerunnernl.actieforum.com

Back to top Go down

In progress Re: Profile Widget adjustments

Post by viezesokken on December 14th 2015, 1:25 am

Bump (:

viezesokken
New Member

Posts : 20
Reputation : 2
Language : English, Dutch

http://www.themazerunnernl.actieforum.com

Back to top Go down

In progress Re: Profile Widget adjustments

Post by SLGray on December 14th 2015, 2:17 am

Add !important to your CSS code.


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


SLGray
Administrator
Administrator

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

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Profile Widget adjustments

Post by viezesokken on December 14th 2015, 3:19 am

Always try that when it doesn't work Smile 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;
}

viezesokken
New Member

Posts : 20
Reputation : 2
Language : English, Dutch

http://www.themazerunnernl.actieforum.com

Back to top Go down

In progress Re: Profile Widget adjustments

Post by SLGray on December 14th 2015, 3:41 am

Add it to the top of your CSS stylesheet.


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


SLGray
Administrator
Administrator

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

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Profile Widget adjustments

Post by viezesokken on December 14th 2015, 4:10 am

My top looks like this now

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

viezesokken
New Member

Posts : 20
Reputation : 2
Language : English, Dutch

http://www.themazerunnernl.actieforum.com

Back to top Go down

In progress Re: Profile Widget adjustments

Post by Ace on December 14th 2015, 5:42 am

Hi,

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.

Ace
Forumember

Posts : 250
Reputation : 49
Language : Portuguese & English

http://ajuda.forumeiros.com/u39577

Back to top Go down

In progress Re: Profile Widget adjustments

Post by viezesokken on December 14th 2015, 5:48 pm

I'm afraid there's still no result. Thanks a lot for your help!

viezesokken
New Member

Posts : 20
Reputation : 2
Language : English, Dutch

http://www.themazerunnernl.actieforum.com

Back to top Go down

In progress Re: Profile Widget adjustments

Post by 10spetter10 on December 14th 2015, 8:47 pm

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:

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 : 81
Language : Dutch

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