WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. sabby78
    Member
    Posted 1 year 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 1 year ago #

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

  3. graphical_force
    Member
    Posted 1 year 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 1 year 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 1 year ago #

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

  6. sabby78
    Member
    Posted 1 year 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 1 year ago #

    Try this instead:

    #main #content .post h1,
    #main #content .post h2.entry-title {
         font-family: Lobster;
         font-weight:normal;
    }
  8. sabby78
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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
    :)

Topic Closed

This topic has been closed to new replies.

About this Topic