Agency: H2 CSS home page vs. Blog page

[Rosesilk]

Hello,

On the home page of my site:  http://stress-free-mama.com/  you can see that I have the H2 set at 20px so that they look good in the bottom widgets area (for example: the "Seven Easy Steps to Stress Relief with Essential Oils" heading).

This looks good.  But...

On the blog page:  http://stress-free-mama.com/blog/  this font size is too small.  The same "7 Easy Steps..." should be 28px, but it is a H2 and is inheriting the 20px.

I have fussed with the CSS and can't seem to separate the 2 pages so that they behave differently.

Anyone have and ideas for me?

Thank you in advance.  I really appreciate your help.

Julia

[media317]

To change the home h2 tag, add the following to you css:

<code>

.home h2 {
font-size: 20px;
}

</code>

And then set you h2 back to the larger size.

---

Alan Smith
Media317

[Rosesilk]

Hi Alan,

Thank you for your help but unfortunately that didn't do it.  Somehow the setting on the blog page trumps the setting on the home page.  I did some more tweaking to try to get it to work but still can't figure it out.

Any other ideas for me?

Thank you!

Julia

[Tony @ AlphaBlossom]

Try:


.home #content h2 a {
font-size: 20px;
}


If that doesn't work, you can add !important after 20px (font-size: 20px !important;)

Hope that helps.

Tony
AlphaBlossom

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Rosesilk]

Yeeaa!!  Tony that did the trick.  Thank you very much.

Julia

[Tony @ AlphaBlossom]

Glad to hear it, Julia!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts