You are not logged in.
I would like to make the pictures that appear on the search result "smaller" but I can't seem to find out where I can do this. I try changing the sizes in the control panel "avatar/pictures in the member module" but they don't change size. anyone?
can someone give me a tip how to make the pictures smaller on the search result? I know it somewhere in the search_results.tpl and member_sections_picture.tpl' file but I can't see it nowhere.
Let me try this off the top of my head. I'm not going to test but hopefully I can give you enough info for you to figure it out.
in search_results.tpl you should see something like:
<div class="image">
<!-- INCLUDE member_sections_picture.tpl -->
</div>
You need to change the class to the image size you want. There are 3 possible ways to change your image class. Here goes.
1. First try inline CSS
<div class="image"style="max-width:100px;">
<!-- INCLUDE member_sections_picture.tpl -->
</div>
You can change the width to what you want above.
2. If the above doesn't work, try page CSS by putting the following at the top of search_results.tpl
<style type="text/css">
<!--
div#content div.image a img {
max-width:100px;
}
-->
</style>
3. The third possible way is to add it to the external css file. I think it is content.css. However, when you do that, you are changing the image size for all images who use this class, not just for search results.
Last edited by db3204 (2011-08-18 23:01:10)
Let me try this off the top of my head. I'm not going to test but hopefully I can give you enough info for you to figure it out.
in search_results.tpl you should see something like:
<div class="image">
<!-- INCLUDE member_sections_picture.tpl -->
</div>You need to change the class to the image size you want. There are 3 possible ways to change your image class. Here goes.
1. First try inline CSS
<div class="image"style="max-width:100px;">
<!-- INCLUDE member_sections_picture.tpl -->
</div>You can change the width to what you want above.
2. If the above doesn't work, try page CSS by putting the following at the top of search_results.tpl
<style type="text/css">
<!--
div#content div.image a img {
max-width:100px;
}
-->
</style>3. The third possible way is to add it to the external css file. I think it is content.css. However, when you do that, you are changing the image size for all images who use this class, not just for search results.
Thanks so much for your help! #2 works good
<style type="text/css">
<!--
div#content div.image a img {
max-width:60px;
}
-->
</style>