Need CSS Help (casper)

Developer help
1

Site in the works can be found here: https://atarlife.com

There’s two issues I can’t seem to figure out, both related to the author img:

Screen Shot 2020-03-28 at 20.34.17

  1. How to get rid of the border around the author img
  2. On the left column only, the author img is chopped just a bit, any ideas why/what would fix it?
2
  1. The CSS for the border is set by the author-profile-image class. I checked the Github and found that class referenced in screen.css.
  2. The static-avatar class in the same CSS file has a -6px margin on the left side, and looking at the post-card.hbs in the /partials directory I see that the profile images are using that class. Try eliminating the margin and see if that does the trick? I’m not familiar with Casper so this is my quick, five minute look under the hood.
1 Like
3

The image and border getting chopped is a known issue which you can read about in this thread:

1 Like
4

Thank you!

The solution ended up being:

.static-avatar{ 
    margin: 0;
    border: 0;
    }

The 2px border actually comes from .static-avatar as well.

5

No problem! I know CSS but it’s still tough for me to trace it all sometimes. Happy to help, take care!

1 Like