changing font size/type for H1

[TonyG]

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 & Inspiration | Monarch Butterfly Garden

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

[dev]

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

[TonyG]

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 & Inspiration | Monarch Butterfly Garden

[dev]

/*--- 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;
}

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

[TonyG]

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 & Inspiration | Monarch Butterfly Garden

[dev]

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.

[TonyG]

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:

The Great Wall of Florida 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 & Inspiration | Monarch Butterfly Garden

[TonyG]

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

How To Control Aphids On Milkweed Plants

 

---

Butterfly Garden Ideas & Inspiration | Monarch Butterfly Garden

[KiwiDean]

Nice look - I'll share it on FB page for you.

---

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

[TonyG]

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

---

Butterfly Garden Ideas & Inspiration | Monarch Butterfly Garden

[Author]

Posts