Removing the author's avatar.

Hey hungzai,

You should be able to remove the padding on the plugin’s Customize page, or you can use padding=0 in the shortcode. To just display the author and date of the post then use the following: include=”author,date”. To hide the avatar image itself try using this Custom CSS:

#cff .cff-author-img { display: none; }
#cff .cff-author .cff-author-text .cff-page-name { margin: 0 !important; }

If that doesn’t work then if you can send me a link to the page then I can take a look.

Thanks,

John

Thanks John.

The padding=0 you mentioned is actually padding the entire box of the information displayed to the space outside of the box. But within this box of information, from the information(text or picture) to the perimeter of this box, there is somewhat an all round 20px padding. I would love to work on this padding as I would like to save some space by compressing the information.

The avatar of autohr is removed by the CSS but the empty space awkwardly remains. Any ways I could make the name of the author aligned to left to cover up the empty space left behind by the avatar?

Thanks so much.

Also. The CSS code for removing the author’s avatar seems to apply universally to all my feed on the entire website. I want to retail the avatar in other part of the website but only not show up on a particular column, is that possible? Thanks so much!

To affect only one feed just add a class in the shortcode to that feed:

[custom-facebook-feed class=”myfeed”]

And then target it in the CSS:

#cff.myfeed .cff-author-img { display: none; }
#cff.myfeed .cff-author .cff-author-text * { margin: 0 !important; }

The second line should hopefully fix the issue you had with the empty space.

To remove the padding on each post you can use the following:

#cff.myfeed .cff-item { padding: 0; }

Let me know whether that works for you, and I hope you had a good weekend.

John

The removal of avatar from a single feed works now. Thanks. However the padding don’t seems to be working. There is padding that separates text from picture, text from time, and everything else from the perimeter of the box(and the entire box will have a round corners. So within this box, I would love to reduce/adjust the padding between the information. Thanks for your time John.

Would it be possible to send me a link to the page where you currently have the feed displayed so that I can take a look? That way I can make sure the CSS I send you definitely works on your site to reduce that padding.

Thanks!

John

Sorry for the late reply. Yes. Do you have an email which I can email you the picture? Thanks.

Hey hungzai,

You can just use the support form on this page.

Thanks!

John

Thank you so much John. Cheers!