Main Body Font Size change

Hi all!!

So here is my situation:

I created a new page in my website called "Our Values" and everything went find just by using the dashboard tools. But then I notice that the text is too small. I would like to know where I go in the specific page to change it, as I know already that I need to go in /templates/base/css/common.css and then line 1 (4).

I also know that before playing with this file or any other files, I need to do a copy of the original, then when I will succeed, I will also do a copy of the modified css file, in case of any Dolphin update later on.

I have to specify that I already found the information to get there and what to do:

change the value of: font size:11px to any value (reasonable) I would like to apply.

But the issue is that when I went into that file and at the line 1, there is the info about the body properties, but there is nothing that specify the font size. So I added it, save it and checked the result, but nothing changed. So I guess it's else where in that file, or in an other file.

Thanks all!!!! :)

Use the element inspector for your browser. Make sure all cache is turned off in Dolphin. This will show what page needs to be changed. But - I would highly recommend making a duplicate of the default UNI template, and calling something new, then making changes to that NEW template. That way you can always go back to the beginning if you screw things up.

All font sizes are in templates/base/css/default.css file (~300 line):

/* fonts */
.bx-def-font {
    font-family:Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
    font-size:12px;
    color:#333;
}
.bx-def-font-inputs {
    font-family: Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
    font-size:12px;
    color:#333;
}
.bx-def-font-grayed {
    color:#666666;
}
.bx-def-font-small {
    font-size: 11px;
}
.bx-def-font-large {
    font-size: 14px;
}
h1,
.bx-def-font-h1 {
    font-size: 24px;
    font-weight: bold;
}
h2,
.bx-def-font-h2 {
    font-size: 18px;
    font-weight: bold;
}
h3,
.bx-def-font-h3 {
    font-size: 16px;
    font-weight: bold;
}

But it isn't recommended to edit this file directly, instead copy these styles to your custom template and make changes there, as ProfessorSr told before.

But what about this file for example : top_menu.css ?

Doesnt this override the default.css?

Is there anywhere somekind of manual where i can look at, in order to learn about changing a template. Or getting to know each location where i can tweak and alter values?

A manual?

LOL.

Ummm. No.


But to be more serious. Real documentation is something that dolphin has always lacked. And still does.

No manual Firebug add on to Firefox will save your time..

Hey Andrew.

Why isnt there somekind of documentaion (aka manual)?

We users, would like to know what we can tweak and twitch.

This digging in the code is quite annoying.

This hypernova template shows how stuff could work out. At least in terms of design and look for small customizations.