I'd like to make the avatar pictures on the 'users' (castingandextras.co.uk/sn/users) page doubled in size.
I've tried editing the css file base.css in the relevant theme (/public_html/sn/ow_themes/origin)
Specifically I've edited the line from:
.ow_user_list_picture img{
width: 40px;
height: 40px;
to
.ow_user_list_picture img{
width: 80px;
height: 80px;
and also tried clearing the cache
/public_html/sn/ow_smarty/template_c
But the pictures remain the same size!
Am I editing the wrong thing?
We build. You grow.
Get best community software hereStart a social network, a fan-site, an education project with oxwall - free opensource community software
How do I make the avatar pictures bigger on the 'users' page? | Forum
tracy
Jan 27 '13
you have two options, turn on dev mode in your cofig file and then edit, takes forever, really slow to render, or you can do like I do, quicker way, edit the base.css in ow_static folder and it will change right away, then when you get done, copy and paste the base.css into your ow_themes folder.....your ow_static folder is also like a cache....just don't forget to copy paste it into your themes folder because next time the cache is cleared your work will be cleared to if you don't....
The Forum post is edited by tracy Jan 27 '13
Jan Kowalski
Dec 11 '14
Hello
im looking for this too.
When I change code
.ow_avatar {
position:relative;
display:inline-block;
padding:4px5px6px5px;
width:70px;
height:70px;
background-image:url('images/avatar_bg.png');
background-position:0px0px;
background-repeat:no-repeat;
}
.ow_avatar img {
vertical-align:bottom;
width:70px;
height:70px;
}
I have efect like this ...
im looking for this too.
When I change code
.ow_avatar {
position:relative;
display:inline-block;
padding:4px5px6px5px;
width:70px;
height:70px;
background-image:url('images/avatar_bg.png');
background-position:0px0px;
background-repeat:no-repeat;
}
.ow_avatar img {
vertical-align:bottom;
width:70px;
height:70px;
}
I have efect like this ...
The Forum post is edited by Jan Kowalski Dec 11 '14
Leader
Leader
Jan Kowalski
Dec 11 '14
But now I have another problem
Names of users are invisible on page /users
How can I fix it ?
Names of users are invisible on page /users
How can I fix it ?
The Forum post is edited by Jan Kowalski Dec 11 '14
Leader
Leader
Jan Kowalski
Dec 11 '14
Kяuncн I have new problem.
Can I change avatars only for users component ? - pict 1
When I change widthand height on .ow_avatar, .ow_avatar img I have mess/ chaos on another sites like forum, blog, PM etc. - pict 3,4
Can I change avatars only for users component ? - pict 1
When I change widthand height on .ow_avatar, .ow_avatar img I have mess/ chaos on another sites like forum, blog, PM etc. - pict 3,4
The Forum post is edited by Jan Kowalski Dec 11 '14
Leader Kяuncн
Dec 11 '14
discontinue using: .ow_avatar img
Instead use:
div.ow_user_list_picture div.ow_avatar a img {
height: 70px;
width: 70px}
div.ow_user_list_item.clearfix.ow_item_set3 div.ow_user_list_picture {
width: 80px !important}
Instead use:
div.ow_user_list_picture div.ow_avatar a img {
height: 70px;
width: 70px}
div.ow_user_list_item.clearfix.ow_item_set3 div.ow_user_list_picture {
width: 80px !important}
Jan Kowalski
Dec 11 '14
Unfortunetly this code is not working
I discontinue using .ow_avatar img and went back to settings 50x50px
When I use
div.ow_user_list_picture div.ow_avatar a img {
height: 70px;
width: 70px}
div.ow_user_list_item.clearfix.ow_item_set3 div.ow_user_list_picture {
width: 80px !important}
all avatars are 50x50px
I discontinue using .ow_avatar img and went back to settings 50x50px
When I use
div.ow_user_list_picture div.ow_avatar a img {
height: 70px;
width: 70px}
div.ow_user_list_item.clearfix.ow_item_set3 div.ow_user_list_picture {
width: 80px !important}
all avatars are 50x50px
