Knowledge Base/Custom Community/How To's
Answered
How to remove avatars in homepage?
Sven Lehnert
asked this on January 02, 2012 12:17
How can I remove the avatars in the post listing of my homepage?
Comments
You have some options in THEME SETTINGS -> GENERAL -> Default Homepage
When you have chosen "blog" style, you have an option above t show/hide the author avatars.
***
For making more out of your homepage, have a look how to create a custom homepage:
http://support.themekraft.com/entries/20823522-custom-homepage
How do you remove the avatars from OTHER pages - I took it off the "homepage" as you said - but on my pages - I still have a little "profile" looking guy showing up next to my title....and I just want the title....
Yes, it would be very valuable to know how to remove the avatar from ALL pages. For example, when showing a page with the posts in a certain category (navigated to by clicking the category from home screen) they are still there.
Should be a simple fix - could you please let us know how to get rid of these???
i had figured out how to remove the avatar from a single post and since the last update that is gone. and as the comment says above, when looking at a category or the result of a search, the avatar shows up. i write all my posts myself so i don't really need that silly side graphics that is also taking a lot of space. pls advise. thanks.
I concur
I have also been searching for a way to remove the avatars from more than just the homepage.
Would be nice to have avatars in forums, profiles, member pages and messages, but on all other pages, it makes sense not to display avatars by default.
At least not on the single post pages and search results.
css tab this, to remove the avatars
div.author-box{display:none;}
now the page is shifted so use this for the posts page, you may need to adjust the number some.
div.post-content {position:relative;left: -90px;width:99%}
this kicks the page content back over to reclaim the space used by the avatar.
Also want to do this.
Looked via ftp - and it's har to see which files you mean.
Could you please be more specifik on exactly WHICH css-file I have to change - and exactly WHICH posts page I have to alter?
This goes in the custom css box inside theme-settings from your wp-admin. Not a file edit.
it worked fine to remove the avatars.
But this: div.post-content {position:relative;left: -90px;width:99%}
only worked on the fronpage, not on the single post page?
You can also try:
body.blog div#content{width:97%;}
body.blog div.author-box{display:none;}
body.blog div.post-content {position:relative;left: -90px;width:99%}
body.single div#content{width:97%;}
body.single div.author-box{display:none;}
body.single div.post-content {position:relative;left: -90px;width:99%}
Is there really no REAL solution to this, other than trying to hide the avatars in CSS?
Just add a switch in the theme settings for avatar display in blog posts or not.
But the last suggestion from JCircle, posted 22nd June, worked very well for me. Have you tried to put these codes in your CSS section of Theme Settings?
This will all be reworked in CC 2.0 - there you can also define the list post style for all pages like categories, archives and so on. And create your own list posts templates!
If you like have a test and play with the nightly build version from Github:
https://github.com/Themekraft/Custom-Community/
...but only on a testinstallation! :) It's still a bunch of things that need to be done...
Looking forward when this is finished soon..
I've installed the Events Manager - and as you can see - the CSS codes didn't work here.
http://ishojvolley.dk/2/arrangementer/fu-holder-mode-med-nye-herrespillere/
An easy solution with another code?
Or do I have to wait for CC 2.0 ?
The full css fix.
body.home div#content{width:97%;}
body.home div.author-box{display:none;}
body.home div.post-content {position:relative;left: -90px;width:99%}
body.blog div#content{width:97%;}
body.blog div.author-box{display:none;}
body.blog div.post-content {position:relative;left: -90px;width:99%}
body.single div#content{width:97%;}
body.single div.author-box{display:none;}
body.single div.post-content {position:relative;left: -90px;width:99%}
body.search div.item-list{width:100%;}
body.search div.activity-inner{word-wrap: break-word;position:relative;left:-1px;width:100%;}
body.search div.author-box{display:none;}
body.search div.post-content {position:relative;left: -1px;width:100%}
give this a try and see if it helps.
I have refined this a bit more.
In theme settings, general tab , default homepage,
set Show / hide avatars to show
set Post listing style to default
set Show / hide date, category and author to show
here is the css i used to over write the settings on a global level and not just the home page.
body.blog div#content{width:100%;}
body.blog div.author-box{display:none;}
body.blog div.post-content {position:relative;left: -90px;width:97%}
body.single div.author-box{display:none;}
body.single div#content{width:100%;}
body.single div.author-box{display:none;}
body.single div.post-content {position:relative;left: -90px;width:97%}
body.search div.author-box{display:none;}
body.search div#content{width:100%;}
body.search div.author-box{display:none;}
body.search div.post-content {position:relative;left: -90px;width:97%}
body.archive div.author-box{display:none;}
body.archive div#content{width:100%;}
body.archive div.author-box{display:none;}
body.archive div.post-content {position:relative;left: -90px;width:97%}
i just put a <!-- --> comment arounf the div with the id "author-box" in the php file everywhere i needed it. In the Custom Community theme folder: index.php, archive.php and search.php did it for me.
What is the disadvantage of this?
I put this code in the custom css box. This way I removed the avatar and I resolved the problems provoked by the Events Manager plugin.
div.author-box{display:none;}
body.blog div.post-content {position:relative;left: -90px;width:97%}
body.search div.post-content {position:relative;left: -0px;width:97%}
body.archive div.post-content {position:relative;left: -90px;width:97%}
I use this code, which long ago I found a forum on this page:
div.author-box{
margin-left:-1000px;
}
div.post-content {
position:relative;
left: -90px;
width:98%
}
Insert code into a file style.css (Menu -> Appearance -> Editor)
To the operation you need to enable display avatars (Appearance → Theme Settings → General → Default homepage → Show / hide avatars → show).
This worked great for me! THANK YOU!!!
Hi @all,
we will work out a nice solution in the theme settings to hide the avatars globally for all post single views and blog post listings on default-homepage and archive, category and tag views...
IMPORTANT: if you want to stay update safe:
Never change theme files itself - why?
Read on here: http://support.themekraft.com/entries/21638203-changing-theme-files
Hope this helps out a bit more and gives some insight :)
new option is on the way ;)
Hi - I used the suggestion above by Jason Circle and it worked great, except the alignment is off when I click on a Category page. Any idea how I can fix that?
themekraft - Any idea when you will have the nice solution available? Thanks for your support and great template. Best.
in x2 - Theme Options, Overwrite CSS :
body {hide avatars
;
}
Hi,
the options should work nice again for the homepage and archive pages.. please report if you run into any error.
@Paola Nugnes, this is the knowledge base for the Custom Community Theme - how did you get here? some wrong link?
i would like to remove avatar in every page but i didn't
Hi Paola, do you mean just for the comments on a page?
I want to remove the avatar from every page and every item and comment, can j?
try adding this to your CSS tab in the theme settings pages:
***
div.author-box, div.comment-avatar-box, .commentlist img.avatar { display: none !important; }
div.comment-body div.comment-author { margin-left: 0; }
body.bubble #outerrim div.post div.post-content, #blog-search #outerrim div.post-content { margin-left: 0; width: 99%; }
***
this should remove avatars on all pages and correct the content width.
good idea for an option to remove ALL avatars on every page and comment.
maybe coming for version 2.0
thanks for your feedback, hope the CSS works out for you!
Hi themekraft,
I have tried the CSS adjustment as recommended above. It works fine with posts, list and archive view, but when using the All-in-one-Calender plugin the event posts are also set 90px to the left.
http://albverein-engstlatt.de/wordpress/ai1ec_event/landschaftsputz...
How can I fix this?
Hi Andreas,
use this CSS to correct the plugin behaviour:
actually, giving a position of left: -90px; is already a dirty way around.
try to work with margin-left: 0;
this way you should not get into trouble with any plugins at all!
the solution proposed from mariosvd might work for some people, but it's kinda "dirty" solution and not a nice CSS.
So first try to use the options to achieve what you want to do.
If this doesn't help, try to use CSS proposed by us. It is safe.
The other comments will be deleted in the near future. As there is some stuff that is simply NOT correct.
HI THERE ,s any way to have a step by step documentation , or video tutorial ,its look i am lost
thanks
hi ashrafit, first question would be: WHERE do you want to remove avatars? on your homepage? is it your latest posts?
then the answer would be this:
"You have some options in THEME SETTINGS -> GENERAL -> Default Homepage
When you have chosen "blog" style, you have an option above t show/hide the author avatars."
Let me know if this helps. If you need further support, please create a support ticket for your issue.
** find the button in the upper right corner in the main header menu here **
Hope this helps, have a great day
thanks for your replay and its good to know about removing avatar but in fact I didn't ask about avatar my post was the following
HI THERE ,s any way to have a step by step documentation , or video tutorial ,its look i am lost
thanks
Hello
I want to remove avatar from "post" titles.
www.daxserver.com/microsoft-completes-migration-of-hotmail-to-outlook/
If you are using the Custom Community Pro theme, there is a a checkbox within the blog post editor that lets you hide the avatar on each post. Scroll down in your editor until you come to Custom Community Settings [I took a screenshot, I hope it displays here]. The subheader is Show/Hide Meta Info. Click the box that says "Hide Avatar." Now you can even go back to your primary Settings>Discussion area and click to show avatar so that when people comment on your site, their avatars will display some identity properly, if you want. Set things the way you want to in under Theme Settings too.
I wish I had found this before trying all that crazy CSS stuff referenced earlier, accidentally deleting my child theme, and ruining my site. But then again, if I didn't got through that I wouldn't have found this solution while putting my site back together. Screenshot below. (hopefully) Enjoy.
I use the Free version.
Did you double check? It might still apply. I remember there being a Custom Community Settings section even on the free version. If not, there is a 50% discount on the pro version that I think is very worthwhile. I just switched over a couple days ago.