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.

Profile Widget adjustments

4 posters

Go down

In progress Profile Widget adjustments

Post by viezesokken 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!
avatar
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 December 11th 2015, 2:25 am

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


Profile Widget adjustments 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 : 51463
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

In progress Re: Profile Widget adjustments

Post by viezesokken 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
avatar
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 December 14th 2015, 1:25 am

Bump (:
avatar
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 December 14th 2015, 2:17 am

Add !important to your CSS code.


Profile Widget adjustments 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 : 51463
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

In progress Re: Profile Widget adjustments

Post by viezesokken 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;
}
avatar
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 December 14th 2015, 3:41 am

Add it to the top of your CSS stylesheet.


Profile Widget adjustments 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 : 51463
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

In progress Re: Profile Widget adjustments

Post by viezesokken 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
avatar
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 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
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 December 14th 2015, 5:48 pm

I'm afraid there's still no result. Thanks a lot for your help!
avatar
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 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
10spetter10
Forumember

Posts : 195
Reputation : 82
Language : Dutch

Back to top Go down

Back to top


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