Archived topic
Page Hero Gravatar
6 replies · Started by Nikita on July 4, 2020
Hello! I was able to follow the guidelines on your website and create a hero header element for all my blog posts. (Example 2 from this page https://docs.generatepress.com/article/page-hero-examples/)
Everything worked great...
except for the Page Hero Gravatar.
I copypasted PHP and CSC snippets (the ones that are listed on the page below Example 2)
My gravatar image appeared, however it was too big, square-shaped, and above the author name.
I want the image look like on Example 2 (circle-shaped, smaller, at the left side of author name)
Tell me please, how do I address this issue?
Hi there,
the CSS provided in Example #2, can you try adding it to the top of your CSS.
If that still doesn't work - add the codes so i can see the Avatar.
It worked like a charm! Thanks a lot, David! You have helped me lots of times. I appreciate that.
You're welcome.
This generally means you have an error in your CSS. As CSS after an error doesn't get parsed.
I recommend this site:
https://jigsaw.w3.org/css-validator/
Use the 'By direct input' option to copy and paste your CSS - it will identify any errors in your CSS.
Yes, you are right. There is a parsing error for this line (.main-navigation .main-nav ul li.nav-button a). But I also copypasted this line from the Generate Press documentation page when I was styling a button in the menu (https://docs.generatepress.com/article/adding-buttons-navigation/). So I am a little bit confused. This is the only line that shows a parsing error in CSS validator.
It looks like I have solved the problem. No errors anymore! Thanks a lot for your advice.
Glad to hear that.
