changing font size/type for H1

Community Forums Forums Design Tips and Tricks changing font size/type for H1

This topic is: not resolved

Tagged: , ,

This topic contains 9 replies, has 3 voices, and was last updated by  butterguy 1 year, 6 months ago.

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

    butterguy
    Participant
    Post count: 16

    Hi,

    I have a simple (I think) question that I can’t figure out.

    On many of my pages I have a title(h1) and subtitle(h2).

    I want make the title font larger (24px) and I want to make the font more decorative (but still easily readable)

    I am not sure what code I need to add to do this in the CSS file. I am using the ‘innov8ive’ theme by eight crazy designs if that helps.

    Here is an example of a page with a headline/subhead. Thanks for your help, Tony

     

     

     

     

     


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    http://www.monarchbutterflygarden.net/purple-butterfly-flower-power/
    #41659

    dev
    Participant
    Post count: 468

    Give us a link to the page and maybe we can help.

    #41754

    butterguy
    Participant
    Post count: 16

    Hi Dev, when you create a post, they ask for the link and then place it under your signature…I won’t be using that feature again.  :/ Here is the link, Thanks for taking a look, Tony

    http://www.monarchbutterflygarden.net/purple-butterfly-flower-power/


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    #41757

    dev
    Participant
    Post count: 468

    [css]
    /*— title—*/
    h1.entry-title {
    font-size: 24px !important;
    font-family: xxxx !important;
    }

    /*— subtitle—*/
    div.entry-content h2 {
    font-size: 19px !important;
    font-family: xxxx !important;
    font-style: italic !important;
    }
    [/css]

    You might want to download a fancy Google font to use.

    #41947

    butterguy
    Participant
    Post count: 16

    Hi Dev, thanks for your reply. At the bottom of the child theme CSS I put the following code:

    /*— title—*/
    h1.entry-title {
    color: #ff7f00;
    font-size: 24px;
    font-family: Great Vibes, Arial, Helvetica, Tahoma, sans-serif;
    }

    It didn’t do anything after i updated so I’m guessing I did something wrong?  Thanks for your help, Tony

    also, for the font family should I only use the google font?

     


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    #41954

    dev
    Participant
    Post count: 468

    You left out the “!important” paramater. Copy it as I have it above and it will work. You can add a color if you like, like you did…. but make sure you  use the !important qualifier. If you don’t understand CSS… perhaps it would be a good idea for you to do some reading up on it before you end up trashing your site!!! Remember: never, never, never change any of the code in the theme’s CSS. Just pop in your own overrides at the END of the file. If something goes bad, just remove whatever you put in, and all is well again.

    #42041

    butterguy
    Participant
    Post count: 16

    oh, I thought you were just trying to emphasize its importance :)  THANKS!

    I got it to work but I have one last issue.

    I published a page under another user name ‘guest photographer’ and h1 heading didn’t change ONLY on that page:

    http://www.monarchbutterflygarden.net/great-wall-of-pipevine/

    I plan to add a lot more “guest photographer” and “guest blogger” pages and I would like the headline to work with those too. This is the exact code I entered at the end of my CSS. Any ideas?   Tony

    /*— title—*/
    h1.entry-title {
    color: #339900 !important;
    font-size: 30px !important;
    font-family: ‘Great Vibes’, ‘Rochester’, Georgia, ‘Times New Roman’, Times, serif  !important;
    }

     


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    #42075

    butterguy
    Participant
    Post count: 16

    oh, for the love of papa smurf…..I had to clear the cache . everything works fine.

     

    BTW: I put in a couple google fonts for the h1 and h2 headlines. I REALLY like them. thanks for the suggestion, Tony

    http://www.monarchbutterflygarden.net/control-aphids-milkweed-plants/

     


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

    #42095

    KiwiDean
    Participant
    Post count: 22

    Nice look – I’ll share it on FB page for you.


    If you aren’t having fun you are doing it wrong

    #42205

    butterguy
    Participant
    Post count: 16

    Thanks Dean…my facebook page has gotten many comments from your region over the past year. Thanks for sharing,  Tony


    Butterfly Garden Ideas & InspirationMonarch Butterfly Garden

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

You must be logged in to reply to this topic.