How to make this font smaller?

I have been playing with CSS for hours and still didn't get it fixed. So I posted it here for advice.

In my site (https://www.best4future.com), under the category, for example, "1st and 5th grade" (http://www.best4future.com/learn-chinese/1st-5th-grade-c-1_2), there listed books like "aladdin and his magic lamp", "Ailbaba and forty thieves" and etc.
Their fonts are controlled by h3 class="itemTitle"

When you scroll down, you see books listed under "New products for October".

You will notice the fonts of "aladdin and his magic lamp", "Ailbaba and forty thieves" and etc are larger than the titles under "New products for October".

I want all the titles to look about the same size, so I added

h3.itemTitle a {
font-size: 1em;
color: #0287b2;
text-decoration:none;
}

In the CSS to make the fonts of "aladdin and his magic lamp", "Ailbaba and forty thieves" smaller. But it doesn't work.

I am really confused.. Any guidance? Thank you!

I'm probably the wrong person, but this is how I changed it in firefox/firebug.

.itemTitle {
font-size: 1.em
}

Placed at the bottom of your stylesheet.css

Good Luck

Dalton

daltonkost:

I'm probably the wrong person, but this is how I changed it in firefox/firebug.

.itemTitle {
font-size: 1.em
}

Placed at the bottom of your stylesheet.css

Good Luck

Dalton

Thank you for the tip. I did as you advised. It seemed not working, at least in my computer.... I am using IE8.

Both .itemTitle {font-size:1em;} and h3.itemTitle {font-size:1em;} work for me on your site in both IE8 and Firefox.

h3 {
font-size:1em;
font-weight:normal;
}

You might try changing this found around line 50 in your stylesheet.

Both .itemTitle {font-size:1em;} and h3.itemTitle {font-size:1em;} work for me on your site in both IE8 and Firefox.

Me too.

Good Luck

Dalton

Hello, stevesh and daltonkost:

Thank you so much for your help! Just be curious, do you already see the fonts of my site get smaller on your brower, or do you have to edit the CSS in in firefox/firebug to see the change?

The reason I ask is my hosting company is changing the server, so may be the changes I put into the PHP and CSS don't affect the site alive. Maybe that is why I worked on for hours and didn;t see any difference at all.....:frusty:

Lina

No, I have to edit the stylesheet in Web Developer to see any change, and I don't see any other styling for .itemTitle in the stylesheets now.

Hello, stevesh and daltonkost:

Yes, it is the server problem. Somehow the site doesn't take changes I did on PHP and CSS via FTP. Now it is working. Thank you so much, stevesh. :laugh:

Lina

Hello,

I have another idea to make the font smaller. I want to delete the so called <div H3 itemtitle> from the template and match the font of centerBoxContentsProducts with centerBoxContentsNew.

Do you know where I can find this code?

Lina