Font size won't change

larry
Inactive member
Topic Author
Member

11 years 2 months ago - 11 years 2 months ago #36662 by larry

Font size won't change was created by larry

The body paragraph font size stays at 12 regardless of what is put into the style box.

CSS in Firefox shows the html entry is being overridden by the element entry following:

Firefox show this in the declaration at the top of the page: <html lang="en-gb" xml:lang="en-gb" xmlns=" www.w3.org/1999/xhtml " prefix="og: ogp.me/ns# " slick-uniqueid="3" style="font-size: 12px;">

There is no html setting in the CSS files.

template_css.php shows: html {font-size:<?php echo $pSize; ?>px;

URL: www.ushistorytouring.com

I found a similar question elsewhere in the forum, but there was no solution. Thank you.

Edit: I worked around this by adding: html {font-size: 15px !important;}
to css, but I would still like to know the real fix for this if anyone know.

Last edit: 11 years 2 months ago by larry.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 2 months ago #36670 by ivan.milic

Replied by ivan.milic on topic Font size won't change

I took some random paragraph form your home page:

Code:

<p><span style="font-size: 14pt;">Guided Motorcycle Tours at its finest is what you will find with U.S. History Touring. See the most fascinating, exciting and beautiful sites in America. Our unique guided road tours follow historical routes using the best motorcycle roads along the way. We stop at historical sites with presentations given by local historians who know their history. See the <a href="/tours/tour-schedule">Tour Schedule</a> to find what's available now </span></p>

you have style="font-size: 14pt;" in span inside <p>. Style attribute property is stronger that any css property except if !important flag is given. So you need to remove that style attribute.

Please Log in to join the conversation.

larry
Inactive member
Topic Author
Member

11 years 2 months ago - 11 years 2 months ago #36672 by larry

Replied by larry on topic Font size won't change

Yes, I do understand that. That particular paragraph is with larger inline font intentionally. I'm talking about the body paragraphs below that (as an example) that are handled by css. If you look at the css for those, you will see the !important override and you can see the og default in the css and the html declaration.

Last edit: 11 years 2 months ago by larry.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

11 years 2 months ago #36680 by ivan.milic

Replied by ivan.milic on topic Font size won't change

If you want some default p font size. You can do like:

BODY p{
font-size:...
}

putting that in template_css.css should work , you should remove:

html {
font-size: 15px !important;
}

Please Log in to join the conversation.

larry
Inactive member
Topic Author
Member

11 years 2 months ago #36800 by larry

Replied by larry on topic Font size won't change

I've waited to reply because that default font size that was appearing in the html declaration at the top of pages was disappearing, then coming back periodically, after I removed the css (as you suggested) that I had added. I still don't know where that top html default declaration comes from. However, by adding the p css you suggested, it overrides the phantom declaration and seems to work fine so far.

Please Log in to join the conversation.

larry
Inactive member
Topic Author
Member

11 years 2 months ago #36994 by larry

Replied by larry on topic Font size won't change

I can't say for sure that the above fix is the cause, but before implementing the p css the font resizer worked; now the font resizer only changes its own font size, not the text in the body. I've had to remove the font resizing module since it no longer works.

Please Log in to join the conversation.

Time to create page: 0.166 seconds