Changing picture size in search results
By robert on Thursday, 09 January 2014
Posted in General Issues
Replies 8
Likes 0
Views 572
Votes 0
Hi
can anyone help me with the code where i can change the picture size in the search results and also the picture for the logged in user in the blue menu bar is too small to be recognised.

I have attached a snapshot on what am talking about

Regards
Robert
Hello Robert,

To increase the size of the avatar in the search result, you can add the block of css codes below:



body .es-toolbar .search-result-list .es-avatar img,

body .es-toolbar .search-result-list .es-avatar

{

    width: 32px !important;

    height: 32px !important;

}


Unfortunately because of the height of the toolbar, you can't really set a larger size of the avatar in the toolbar unless you also want to increase the height of the toolbar but it will look really weird.
Mark
·
Thursday, 09 January 2014 12:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Which folder can i find the search code or css for me to edit?
robert
·
Thursday, 09 January 2014 12:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Robert,

It's best that you place these codes into your template's css file
Mark
·
Thursday, 09 January 2014 13:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanx it has worked
robert
·
Thursday, 09 January 2014 13:33
·
0 Likes
·
0 Votes
·
0 Comments
·

Unfortunately because of the height of the toolbar, you can't really set a larger size of the avatar in the toolbar unless you also want to increase the height of the toolbar but it will look really weird.


please give me the instructions so that i try an see how it will come out
robert
·
Thursday, 09 January 2014 13:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Robert,

Try this,



body .es-toolbar .es-avatar

{

    margin-top: -5px !important;

}



body .es-toolbar .es-avatar,

body .es-toolbar .es-avatar img

{

    height: 32px !important;

    width: 32px !important;

}
Mark
·
Thursday, 09 January 2014 16:55
·
0 Likes
·
0 Votes
·
0 Comments
·
thanx Mark It works well
robert
·
Friday, 10 January 2014 20:28
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome
Mark
·
Friday, 10 January 2014 22:26
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post