WordPress.org

Ready to get started?Download WordPress

Forums

Adding colour and changing font of post title (11 posts)

  1. sabby78
    Member
    Posted 11 months ago #

    Hi there,
    I'm a newbie and am really proud of what i have accomplished so far but i just need some advice.
    Im currently using 'simple catch' and i just wanted to know if it would be possible to change the font of the post title so it matches the site title which is lobster and also the colour to deep pink.
    I also like to sign my name at the end of my posts and i would like this to be in pink.

    Can this be done and if so how?

    Your help and advice would be much appreciated
    :)

  2. sabby78
    Member
    Posted 11 months ago #

    sorry, here is the link to my site
    http://www.lifestyleblogofathirtysomething.com/

  3. graphical_force
    Member
    Posted 11 months ago #

    Do you know how to change the css of your theme? You should be able to edit it using the editor.

  4. Pioneer Valley Web Design
    Member
    Posted 11 months ago #

    Editing theme files is discouraged as these are lost on theme updates. Consider using a Child Theme, a Custom CSS Plugin, or look for Custom CSS option in your theme (this does not mean edit style.css in the theme editor)

    Add this:

    #main #content .post h1,
    #main #content .post h2.entry-title {
         font-family: 'Lobster';
         font-weight:normal;
    }
  5. graphical_force
    Member
    Posted 11 months ago #

    Your right Seacoast Web Design. I should have brought that up.

  6. sabby78
    Member
    Posted 11 months ago #

    Hey SeaCoast, thanks for your advice! I actually have a child theme and i tried your css but it didnt work. This is what i typed in, could the syntax be wrong?
    }
    #main #content .post h1,
    #main #content .post h2.entry-title; {
    font-family: 'Lobster'
    font-weight:normal;
    color: deeppink !important;
    }
    Your help would be much appreciated
    :)

  7. graphical_force
    Member
    Posted 11 months ago #

    Try this instead:

    #main #content .post h1,
    #main #content .post h2.entry-title {
         font-family: Lobster;
         font-weight:normal;
    }
  8. sabby78
    Member
    Posted 11 months ago #

    Hi Graphical force,
    the css worked a treat, many thanks. Just one more thing, do you know how to change the colour of the post title?
    Thanks

  9. graphical_force
    Member
    Posted 11 months ago #

    This controls the color:

    #main h1 a, #main h2 a, #main h3 a, #main h4 a, #main h5 a, #main h6 a {
    color: #444444;
    }

    Change the hex value to whatever color you want.

  10. Pioneer Valley Web Design
    Member
    Posted 11 months ago #

    Hmmmm...with or without the 's should work...and you missed the closing ;
    font-family: 'Lobster' <==nope
    the first } was improper also...
    (you can copy and paste snippets from here, the one in the 'code' blocks, taken with a grain of salt, everything is not golden and some may be outdated or unrelated to your issue)

  11. sabby78
    Member
    Posted 11 months ago #

    Hi there graphical force, thanks for your help but the css did not work. Seacoast i am a newbie and didnt understand any of what your message meant.

    Thanks in advance for your help
    :)

Reply

You must log in to post.

About this Topic