Home › Forums › Support › Style Author This topic has 14 replies, 2 voices, and was last updated 3 years, 11 months ago by Leo. Viewing 15 posts - 1 through 15 (of 15 total) Author Posts May 25, 2020 at 10:22 am #1300895 John Hi I want to style my author section in author page. How can I do this? It can any good looking flat design style. Thanks May 25, 2020 at 10:39 am #1300920 LeoStaff Customer Support Hi there, We can’t really provide design suggestions here. If you have a design or example in mind, we can try to point you in the right direction on how to achieve it. May 25, 2020 at 11:27 am #1301002 John Something like this https://www.authorityhacker.com/author/admin/ May 25, 2020 at 5:25 pm #1301310 LeoStaff Customer Support You will need to create a page hero for something like that and assign to the author page. May 26, 2020 at 2:26 am #1301671 John Created a page hero but there is right margin blank space. And How can I get author bio? May 26, 2020 at 10:30 am #1302416 LeoStaff Customer Support You’ve added this CSS to move the entire page to the left: .author, .page-hero-gravatar { display: inline-block; } You can create a shortcode for Author bio like this: add_shortcode( 'author_bio', function() { ob_start(); echo wp_kses( get_the_author_meta( 'description' ), null ); return ob_get_clean(); } ); Then add [author_bio] in the header element. May 26, 2020 at 12:46 pm #1302544 John I’ve made the change to .author, .page-hero-gravatar { display: inherit; } It fixes the issue. But how can I increase image size in author page? And How to remove author image and bio from the content part? May 26, 2020 at 8:41 pm #1302920 LeoStaff Customer Support I’m seeing this CSS added that’s setting the gravatar size: .page-hero-gravatar img { width: 30px; height: 30px; border-radius: 50%; position: relative; vertical-align: middle; margin: 0 10px 0 0; } Try this CSS to remove the default header: .archive.author .generate-columns-container .page-header { display: none; } May 26, 2020 at 8:54 pm #1302932 John Applied this CSS .archive.author .generate-columns-container .page-header { display: none; } It’s just hiding from the frontend but still found when I checked page source. It’s okay for readers but google bot still can treat as duplicate. Is there any option to remove them instead “display none”? May 27, 2020 at 9:16 am #1303780 LeoStaff Customer Support Try this PHP snippet: add_action( 'wp', 'lh_remove_author_archive_title' ); function lh_remove_author_archive_title() { if ( is_author() ) { remove_action( 'generate_archive_title', 'generate_archive_title' ); } } Adding PHP: https://docs.generatepress.com/article/adding-php/ May 27, 2020 at 9:42 am #1303806 John Works Great, Thanks Leo May 27, 2020 at 9:43 am #1303807 LeoStaff Customer Support No problem ๐ May 27, 2020 at 11:23 am #1303919 LeoStaff Customer Support Hey John, Sorry I actually made a mistake in the code above. Can you use the edited instead? https://generatepress.com/forums/topic/style-author/#post-1303780 May 27, 2020 at 3:10 pm #1304151 John Thanks Leo, I’ve replaced the edited code May 27, 2020 at 8:55 pm #1304339 LeoStaff Customer Support No problem ๐ Author Posts Viewing 15 posts - 1 through 15 (of 15 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In