Community Forums › Forums › Archived Forums › Design Tips and Tricks › Metric Theme Change Post Title Size and Color
- This topic has 9 replies, 3 voices, and was last updated 10 years, 8 months ago by amandabernardin.
-
AuthorPosts
-
July 28, 2013 at 2:17 pm #52995amandabernardinMember
Hello,
Can anyone tell me which lines of css I need to edit to be able to change the Size and Color of my post titles in Metric?
Cheers,
AmandaJuly 28, 2013 at 2:21 pm #52996RobGMemberCan you provide a link to your website so I can take a look?
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossJuly 28, 2013 at 2:24 pm #52997wp guyMemberChange the size from 18px to anything you want and color from #444 to anything you want.
#content h2 {
font-size: 18px;
border-bottom: 1px solid #DDDDDD;
margin: 0;
padding: 0 0 5px 0;
}#content h2 a, #content h2 a:visited {
color: #444444;
text-decoration: none;
}July 28, 2013 at 3:11 pm #53000amandabernardinMemberHello,
The site is http://www.englishforbusinesscommunication.com
Thanks WP guy - but around what line do I find this code? I´m not seeing it....
Thanks,
A.July 28, 2013 at 3:19 pm #53001wp guyMemberGet into your stylesheet then just use your browser's search function to find #content h2
July 28, 2013 at 4:40 pm #53005RobGMemberOpen up your ( Style.css ) file and locate the following CSS codes. Just change the font size to your choice and the desired color as well.
/***** Headlines in Content ********************/ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #444444; font-family: Arial, Tahoma, Verdana; font-weight: normal; text-decoration: none; margin: 0 0 5px 0; padding: 0; } #content h1 { font-size: 20px; border-bottom: 1px solid #DDDDDD; margin: 0; padding: 0 0 5px 0; }
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossJuly 29, 2013 at 8:30 pm #53157amandabernardinMemberHello WP guy and Rob,
OKay - thanks a lot for this. I´m pretty new at editing CSS so I really appreciate your walk through. You can see here http://www.englishforbusinesscommunication.com/business-english-blog/ that I was able to change the title size and I think it looks a lot better now.
I noticed that I was editing the h2 tag. I tried to use google fonts to change the h2 tag font but I was unsuccessful, nothing happens to my post titles regardless of which tag I choose. When it comes to the "font family" can I simply write any font that I want in there?
Ultimately I want to give this blog a very professional, kind of news paper like look and I´m not totally sure how to get there. I have several other questions, so I will make more and different posts asking them.
Thanks again - your answers together were perfect.
Cheers,
AmandaJuly 29, 2013 at 8:37 pm #53159wp guyMemberJuly 29, 2013 at 8:41 pm #53161amandabernardinMemberOkay! Perfect! I´m going to try!
July 29, 2013 at 9:06 pm #53165amandabernardinMemberOkay, I just tried and I think maybe I am doing something wrong - but probably I am close. I copied and pasted the codes I added here. You can see where I put the import font at the very top and how I later added it under headlines in content. Am I missing something?
/*
Theme Name: Metric Child Theme
Theme URL: http://www.studiopress.com/themes/metric
Description: Metric is a 2 or 3-column Widget-ready child theme created for the Genesis Framework.
Author: StudioPress
Author URI: http://www.studiopress.com
Version: 1.0.1Template: genesis
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*//* Import Fonts
@import url(http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911); *//***** Headlines in Content ********************/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #444444;
font-family: 'Goudy Bookletter 1911', Arial, Tahoma, Verdana;
font-weight: normal;
text-decoration: none;
margin: 0 0 5px 0;
padding: 0;
} -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.