Hi,

The last time I used Newswire theme,I can change the font size.However,I deleted the theme because I had had some changes on it,and I uploaded the original theme file once again.

This time,I can't change the font size.

Yes,I found the html-elements.css and changed the font-size to 81.25% (=13px,uh).But the website do not make any difference and the font size remains as the same.It looks like 12px and I think it really is.No changes.

Do you help me?

I dont know whether it is bug or is my mistake,because the second time I downloaded the file from drupal.org once again.I am not sure it is the same file as the first time.

My website is www.benyibi.com (chinese language).

Comments

Jeff Burnz’s picture

Jeff Burnz commented

I looked at the CSS, the font size is set to 81.25%.

yunuo’s picture

yunuo commented

But even I have the font size set to 100%,the font size displayed remains the same!

wildpoppy’s picture

wildpoppy commented

It looks like there is an inline style setting the font-size to medium so css wouldn't be able to override that.

yunuo’s picture

yunuo commented

In one node I have used an inline style setting,but others not.

You can visit http://www.benyibi.com/node/32 for instance.The topic is about stock analysis,btw.

wildpoppy’s picture

wildpoppy commented

Try setting a font-size to a specific element (I see that the 81.25% was added to body {} in html-elements.css but try putting a font-size onto the p tag for instance - doing this is changing the font-size for me).

The body font-size you've added is not being used because elements within the body are set to 100% by the first rule in reset.css.

Jeff Burnz’s picture

Jeff Burnz commented
Category: support » bug

@wildpoppy - you misunderstand how CSS inheritance works with regards to font sizing. Font sizes are inherited by child elements, that means if you set 81.25% on the body element, it resets it for ALL elements, thus anything else that declares 100% actually means 100% of 81.25%.

Its easier to explain with pixels. If I declare body {font-size: 12px;} and p {font-size: 100%}, this means the paragraph font size will be 12px. If I declare p {font-size: 75%;} paragraphs will be 9px.

The OP is mistaken from the outset, clearly the font size is 81.25%, the OP just "thinks it doesn't look right...", but the CSS doesn't lie.

For all we know the OP has reset their browser font size and forgotten about it...

Jeff Burnz’s picture

Jeff Burnz commented
Category: bug » support

This is not a bug.

wildpoppy’s picture

wildpoppy commented
Category: bug » support

Firebug shows the body as having 81.25% font-size. If you inspect a p tag within the content however you'll see that the 100% is not based on the 81.25%. This has been cancelled out. The font size of the p is not 100% of 81.25%. It is in fact 100% of 100%.

If you then add a font-size style to that p tag in firebug you can clearly change the font-size and see the change in the content.

Clearly this doesn't make sense in the realm of inheritance. I agree. It is simply a quick way to change the font-size of elements to the desired display without delving into why and where the inheritance/cascade is picking up what where. I didn't look that deeply into it but this may also be something simple.

I'm sorry if I'm misunderstanding something. I'm kind of new posting here and don't mean to offer misguided answers.

Jeff Burnz’s picture

Jeff Burnz commented
Status: Active » Closed (fixed)

@wildpoppy - I explained already, you can choose to understand how CSS works or not, thats up to you - you say it doesnt make sense, well thats because you are looking at Firebug and seeing things crossed out and therefore think it has no effect... like I say, you need to understand font size inheritance.

To the OP, if you have anymore problems please reopen this, for now I am closing, there is no issue here.

yunuo’s picture

yunuo commented

Thanks a lot

I am trying to figure it out.