How to reduce font size for page title heading in the css

[promotec]

Hello can anyone tell me how to reduce the font size of the title heading that comes up by default at the top left of the body area on all created pages, when creating a custom page its what you put in as page title.
I assume its controlled by the main.css in the themes folder but I cant find the correct part to change the font size.
any help would be greatly appreciated
Regards Chris

[cofst]

On ../oc-content/themes/bender/css/main.css

change here :

Code: [Select]

h1{font-size:2.2em}

[careylist]

I did change the number, but it didn't change anything. The title is still VERY BIG.

[cofst]

It might use the ../oc-includes/osclass/gui/css/main.css folder...

I didn't understand the purpose of the gui folder (is it a cache?)

[promotec]

my theme is modern not bender, the main.css is in the modern dir not under the css directory
finding the css file isn't a problem, its the matter of finding the statement in the css that represents the page title font size...

regards Chris

[teseo]

Hi,

Then look for:

Code: [Select]

.page h1 {
    font-size: 2em;
}
in your style.css

Regards

[promotec]

Many thanks the .page h1 setting did the job I changed to 1 em looks heaps better many thanks :-)

[careylist]

Hi,

Then look for:

Code: [Select]

.page h1 {
    font-size: 2em;
}
in your style.css

Regards

Teseo,

What about me? I am using Bender theme. The only CSS file I see within bender folder is main.css within css folder.

However, I see folder sass within bender folder. I don't know what it is. It has a lots of .sass files in it.

Please, help.

[teseo]

http://sass-lang.com/

I don't know if it was a good idea to use SASS and leave the less advanced users having to deal with a minified, one-line traditional style sheet...

Anyway, is it your problem also about custom pages title?

Regards

[tomshaft]

@Carylist,
teseo asked if your problem is the same as member promotec ?
If it is then find in the Bender theme css file the following:
#header #logo a {
                    font-size: 1.5em;
                   line-height: 0.8em;
                    font-weight: bold;
                    text-decoration: none;
                    color: #fff
                }
Change font-size: 1.5em; to a lower number for smaller font.
 
Tom
 

Hi,

Then look for:

Code: [Select]

.page h1 {
    font-size: 2em;
}
in your style.css

Regards

Teseo,

What about me? I am using Bender theme. The only CSS file I see within bender folder is main.css within css folder.

However, I see folder sass within bender folder. I don't know what it is. It has a lots of .sass files in it.

Please, help.

[careylist]

 

I just did change that in the main.css file to 1.0em and 0.5em. Still, I saw no changes at all.

 

[tomshaft]

Possibly each Bender version has slightly different settings.
Find at or around line 1061 in the main.css file:
#header #logo {
  color: #fff;
  font-family: "Osclass";
  border: none;
  font-size: 2.7em;  - Lower this number for smaller page header logo text.
  line-height: 1.5em;
  padding-top: 10px;
  padding-bottom: 10px;
 
Tom