Metric Theme Change Post Title Size and Color

Community Forums Forums Design Tips and Tricks Metric Theme Change Post Title Size and Color

This topic is: not resolved

This topic contains 9 replies, has 3 voices, and was last updated by  amandabernardin 8 months, 3 weeks ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #52995

    amandabernardin
    Participant
    Post count: 7

    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,
    Amanda

    #52996

    RobG
    Participant
    Post count: 992

    Can 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
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #52997

    wp guy
    Participant
    Post count: 218

    Change 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;
    }

    #53000

    amandabernardin
    Participant
    Post count: 7

    Hello,

    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.

    #53001

    wp guy
    Participant
    Post count: 218

    Get into your stylesheet then just use your browser’s search function to find #content h2

    #53005

    RobG
    Participant
    Post count: 992

    Open 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
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #53157

    amandabernardin
    Participant
    Post count: 7

    Hello 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,
    Amanda

    #53159

    wp guy
    Participant
    Post count: 218
    #53161

    amandabernardin
    Participant
    Post count: 7

    Okay! Perfect! I´m going to try!

    #53165

    amandabernardin
    Participant
    Post count: 7

    Okay, 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.1

    Template: 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;
    }

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.