Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...Quickest way to increase font size for the whole web site?Quickest way to increase font size for the whole web site?
Previous
 
Next
New Post
8/10/2006 11:18 PM
 
If you do not want to use the .normal style, you can always just use:

* {font-size:11px}   <---- changes all fonts not given a specific size to 11 px

body {font-size:11px}  <---- changes all fonts in the body tag not given a specific size to 11 px

I usually strip all the built in classes out of my skins and modules.  Seems like too much markup to have class="normal" everywhere. That's just me though.

-James
 
New Post
8/11/2006 10:39 AM
 

Thanks much - a couple follow-up questions please:

  1. Is \Portals\_default\default.css the file we are talking about?
  2. Is this the text in question and all I have to do is change the "font-size" parameter?
    /* text style used for most text rendered by modules */
    .Normal,.NormalDisabled
    {
        font-family: Tahoma, Arial, Helvetica;
        font-size: 11px;
        font-weight: normal;
    }
  3. After modifying this file, what do I have to do with DNN to get it to start using the changes?
  4. And will changing here, change all modules using Normal throughout the web site?

Thanks much for the great assistance from this forum whilst I am learning DNN.

Jeff


Jeff
 
New Post
8/11/2006 11:22 AM
 
Basically you have different levels of stylesheets in DNN.

Default.css
Skin.css
Module.css

There is also a portal.css, but I never use it.

The default.css can be overidden by either of these other stylesheets.  Say if you did this in the default.css file:

.Normal,.NormalDisabled
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

and then did this in the skin.css file:
.Normal,.NormalDisabled
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 13px;
    font-weight: normal;
}

your text size would be 13px in the skin that skin.css applies to, but would still be 11px in any other skin that you create later on.

and then there is module.css within all the different module..such as the Events module.  If you change the module.css in the event module to:
.Normal,.NormalDisabled
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 15px;
    font-weight: normal;
}

it would set the size of normal text in the event module to 15px, but the rest of your modules will be the skin.css font size of 13px.

You also have different choices than setting your font-size in pixels.  When you use say 11px font size, this means that the user cannot adjust the size of text with his/her browser.  It's stuck at 11px.  If you use the measurement of ems, they can adjust it. For example:

.Normal,.NormalDisabled
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 1em;
    font-weight: normal;
}

1em is basically the normal text size in a browser.  Then if the user wants to increase or decrease the size in their browser, they are able.

If I am wrong on any of this, I'm sure Nina will correct me.  Hope this helps.


 
New Post
8/11/2006 11:53 AM
 

Great info. Thanks for the primer.

1em is basically the normal text size in a browser.  Then if the user wants to increase or decrease the size in their browser, they are able.

  1. What are the other possible values other than 1em?
  2. What does em stand for?
  3. How does a user increase/decrease font size in their browser? I just scanned my IE6 options and don't see an option for that.

Please - if it exists, simply point me to the appropriate documentation/site.

Thanks


Jeff
 
New Post
8/11/2006 12:10 PM
 
Here is a link describing using ems vs pixels:
http://cssbeauty.com/skillshare/discussion/310/em-vs-px-and-why/

I'm sure you can find more doing a google search on, "em vs px".

To change your text size in Explorer:
View->Text Size->small

You can also change the text size in your browser by holding down the Ctrl key and using your mouse scroll button (if the designer used ems).

I think em came from old typography measurements of printers.  Its a relative size.  1em would be normal size. 2em would be twice the normal size.  1.5 would be in between...etc..

-James
 
Previous
 
Next
HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...Quickest way to increase font size for the whole web site?Quickest way to increase font size for the whole web site?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out