Community Forums › Forums › Archived Forums › General Discussion › Metro Pro: Remove H3 from comments
Tagged: metro css comments titles
- This topic has 4 replies, 2 voices, and was last updated 10 years, 1 month ago by Tom.
-
AuthorPosts
-
February 14, 2014 at 2:12 pm #90339February 15, 2014 at 12:17 am #90443TomParticipant
Ciao Everlind,
The only H3 tags in the Comments section wrap and style the actual "Comments" title. Generally, it's a good idea (for SEO and readability) to leave these tags as-is. If you need/want to change the look of this text, you can change the styling using CSS. The specific CSS for the 'Comment' title is this section around line 731 of the original styles.css:
.comment-respond h3, .entry-comments h3, .widget-title { background: url(images/lines.png) bottom repeat-x; font-family: 'Oswald', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1; margin-bottom: 16px; margin-bottom: 1.6rem; padding-bottom: 16px; padding-bottom: 1.6rem; text-align: center; text-transform: uppercase; }
You can find this using your browser's element inspector, prototype what you want and then make the code adjustment in style.css.
Hope this works for you. (If not, please provide some additional detail about what you are trying to achieve.)
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]February 16, 2014 at 12:38 pm #90626EverlindMemberHello Tom,
thank you. Sincerely, in the hierarchy of a page with H1 for title, H2 for sub-title or paragraph and H3 for paragraph or sub-paragraph, I don't think that is a great choice have other two H3 in comment part; this is my personal thought.
Perhaps H4 or a normal "div", but not H3.
Thanks again,
Regards
Web Hosting Magazine, with news, tutorial and special offers.
March 6, 2014 at 9:38 am #93670EverlindMemberPlease Tom,
and what changes should I do to modify the H3 in H4?
Thank you
Web Hosting Magazine, with news, tutorial and special offers.
March 6, 2014 at 7:45 pm #93787TomParticipantStudioPress has immense recognition for the SEO capability of their themes out-of -the-box, and they specify H3 for the 'Comments' heading. Joost de Valk / yoast.com / WordPress SEO plugin author describes the proper structure for heading tags here: The heading structure for your blog. On that page, using his latest design - as built by Bill Erickson - his own comments section is tagged H3.
But it's your site SEO. The following will work:
Functions.php:
add_filter('genesis_title_comments', 'custom_comment_text'); function custom_comment_text() { return ('<h4>Comments</h4>'); }
style.css:
.comment-respond h4, .entry-comments h4, .widget-title { background: url(images/lines.png) bottom repeat-x; font-family: 'Oswald', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1; margin-bottom: 16px; margin-bottom: 1.6rem; padding-bottom: 16px; padding-bottom: 1.6rem; text-align: center; text-transform: uppercase; }
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ] -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.