-
AuthorPosts
-
February 28, 2023 at 11:38 am #1399506
Hi Enfold team,
I would like to have the author image displayed also on the Tablet Portrait and Mobile resolutions ( < 767px).At this moment the Author image is displayed just on Desktop and Tablet Landscape.
See here: https://blog.mtsakademie.cz/author/lucie3239/
Thanks a lot!
ZdeněkFebruary 28, 2023 at 1:00 pm #1399516i do not know where your rule comes from – because merging is active :
there is:@media only screen and (max-width: 767px){ .responsive .template-blog .blog-meta { display: none; } }
so try in your quick css:
@media only screen and (max-width: 767px){ .responsive #top .template-blog .blog-meta { display: block; } }
February 28, 2023 at 1:07 pm #1399519if you like to style it – and have it a bit larger:
#top .post-author-format-type .rounded-container { width: 100px; height: 100px; border-radius: 25% } #top .post-author-format-type .rounded-container img { width: 100%; border-radius: 25% }
February 28, 2023 at 2:26 pm #1399527Hi Guenni,
that´s perfect, thank you!One more question: I would like to have the Author name and the Author bio under the Author picture on the Mobile resolution only (<479).
See the screenshot here: https://snipboard.io/5eMcm8.jpgThank you!
ZdenekFebruary 28, 2023 at 2:31 pm #1399529#top .author-box { display: grid }
February 28, 2023 at 3:05 pm #1399535Great, thank you!
Last question: I have noticed, that on the Author page the links in the footer disappeared. I have tryied to test if the css cause it, but not, it behaves same even if I clear all the css.
It only happens on the Author page, not on other pages.
Screenshot: https://snipboard.io/lYtOu1.jpgCan you pls have a look on that?
Thank you,
ZdenekFebruary 28, 2023 at 3:22 pm #1399537i don’t know where you need this rule – but you had to be more spezific for the elements you like to influence.
.archive.author header.entry-content-header { margin-bottom: -50px; }
this is causing it – remove that rule and:
#top .template-author .content .post .entry-content-wrapper { padding-bottom: 0px; }
and because you do not show meta content here
and if you do not like to have that separation#top .template-author .content .post-meta-infos, #top .template-author .content .author-extra-border { display: none; } #top .template-author .page-heading-container { border-bottom: none !important }
February 28, 2023 at 4:10 pm #1399542Done!
Thank you, excellent support!You can close the thread.
Br,
ZdenekFebruary 28, 2023 at 7:04 pm #1399563Hi,
Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard -
AuthorPosts
- The topic ‘Author image on author page’ is closed to new replies.