We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

how to make all widgets photo bigger | Forum

Topic location: Forum home » Development » Themes
Kostia
Kostia Jul 21 '14
hy, is it possible to make all widgets photo bigger? 
ross Team
ross Jul 21 '14
Topic was moved from General Questions.
Alia Team
Alia Jul 21 '14
Kostia, can you provide screen shot of the areas you would like to enlarge?
Kostia
Kostia Jul 21 '14

Quote from Aliia Kostia, can you provide screen shot of the areas you would like to enlarge?
added pic,

i saw that is possible to make changes in admin/settings/user  for avatar ( 150) pic, but need to edit css 


The Forum post is edited by Kostia Jul 21 '14
Attachments:
  photo.png (28Kb)
Alia Team
Alia Jul 23 '14
Kostia, changes you would like to make can be done via CSS. Please note that avatars are used sidewide and if you change their size, this will result in a a lot of glitches everywhere they are used.

Default avatar size is 40X40. Let's change this to 70X70 by adding following css in admin panel>> appearance >>edit theme>>"Css" tab:

.ow_avatar {
    height: 70px;
    width: 70px;
}

.ow_canvas .ow_avatar img, .ow_canvas .ow_lp_avatars img, .ow_canvas .ow_newsfeed_avatar img {
    height: 70px;
    width: 70px;
}

Result:



As you can see avatars are big now. But:

1. You still have old 40X40 borders on the background of each avatar. To remove them you will need to create a new background image  of 70X70 size or remove background border image completely within .ow_avatar {} class via CSS.

2. All places where avatars are used ( for example "Newsfeed") are now not aligned properly. You will need to edit more CSS to get this corrected.

Unfortunately I can not provide you with the CSS code to correct every single item across the site. You will need to find a designer to complete this work for you or do this yourself.
Alia Team
Alia Jul 23 '14
Topic was moved from Custom Code Modifications.
Kostia
Kostia Jul 23 '14
Is it possible that  for example edit just some widgets, example 'hot list' photos will be showed bigger. Can i find thiese (height:  px; and    width: px;) to change it or it can be done just editing theme
james
james Jul 11
In the awesome scheme of things you get an A+ for effort and hard work. Exactly where you misplaced me ended up being in all the details. As people say, details make or break the argument.. And that couldn’t be much more correct right here. Having said that, permit me say to you precisely what did do the job. Your writing is certainly very persuasive which is possibly the reason why I am taking the effort in order to comment. I do not make it a regular habit of doing that. Secondly, even though I can easily see a leaps in reason you come up with, I am not necessarily certain of exactly how you appear to connect the ideas that produce the actual final result. For now I shall yield to your issue but trust in the near future you actually connect your dots better. Email Marketing
lawofe
lawofe Jul 14
This web site is my breathing in, very great layout and perfect content material . 99math
lawofe
lawofe Jul 14
This web site is my breathing in, very great layout and perfect content material . 99math write for us