Help - Search - Members - Calendar
Full Version: Css: Changing Body Font Size
Movable Type Community Forum > Using Movable Type > Default Stylesheets
rakesh


Hoping a CSS guru/pundit/expert/tech-head can help on this.

weblog url: http://www.musomablog.com

I am using a vicksburg style as per under:

QUOTE
/* Created using the Movable Type Style Generator <http://styles.movalog.com/generator/> */
/* $Id: base-weblog.css 14515 2005-07-12 00:01:26Z mpaschal $ */


I find the font size to be a bit to big. I would like to reduce to something equivalent to 8pt or 10pt.

I tried changing the font size under the 'body' section:

QUOTE
body
{
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 10px;
}


Then ran through the:
|save & rebuild|
|rebuild site| (for added measure!)
|clear browser cache|
then reload the page.

Nada, nyet, non, no, zilch, ahn-ahn, No-go

The font size does not change.

Why not?
Is there something I need to check, which may be stopping this?

Hoping someone can help.

~RJ
lisa
You may want to check for other font sizing directives:
font-size: small;

That may be being used if the text is in a <p class="something">...</p> tag.
rakesh
QUOTE (lisa @ May 3 2006, 03:13 PM)
You may want to check for other font sizing directives:
font-size: small;

That may be being used if the text is in a <p class="something">...</p> tag.
*



sad.gif

I tried that, but not luck.
Would it help if i posted the full CSS code page??


lisa
I looked at your CSS file directly. It's likely something in a style....

For your entries, they are wrapped in the following tags:
CODE
<div class="entry-content">
 <div class="entry-body">
    <div align="justify">

Have you checked all of your styles? You might try making the text color different to see if you're in the right style.
dorislane
QUOTE (lisa @ May 3 2006, 02:51 PM)
I looked at your CSS file directly. It's likely something in a style....

For your entries, they are wrapped in the following tags:
CODE
<div class="entry-content">
 <div class="entry-body">
    <div align="justify">

Have you checked all of your styles? You might try making the text color different to see if you're in the right style.
*


Lisa, how do you check styles and where?

I have a similar Stylesheet styles-site.css template as the OP - also applied with StyleCatcher.

QUOTE
/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt-static/themes/base-weblog.css);
@import url(/mt-static/themes/theme-folio/theme-folio.css);
/* end StyleCatcher imports */


That's all it says, nothing else on the whole page.

Here is my site:

My Webpage

I like it, basically, but I wanted to make the body type slightly larger and change the headline color. I can't figure out where to do it.

Thank you.
rakesh
QUOTE (lisa @ May 3 2006, 03:51 PM)
I looked at your CSS file directly. It's likely something in a style....

For your entries, they are wrapped in the following tags:
CODE
<div class="entry-content">
 <div class="entry-body">
    <div align="justify">

Have you checked all of your styles? You might try making the text color different to see if you're in the right style.
*


Lisa,

Thanks for your help.

I tried everything but nothing seemed to work. I then decided to just go in and get a style via the built in MT Stylecatcher. Each style I tried, would not render at all. The blog page, on rebuilding and reloading did not not show any colors, or columns or sidebars at all. Just a white full screen page with the content.

I finally went into the Style generator at Movalog.com and created the current style. But it is compromise. It's still not where I want my blogsite to be in terms of appearance.

Why didnt the Stylecatcher themes work at all???



lisa
Hi dorislane,

QUOTE (dorislane @ May 3 2006, 08:19 PM)
QUOTE
/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt-static/themes/base-weblog.css);
@import url(/mt-static/themes/theme-folio/theme-folio.css);
/* end StyleCatcher imports */



If you use FTP, you can connect to your site and download the theme-folio.css file to your local computer (make sure you transfer it as ASCII, not binary). This file will be in your mt-static/themes/themes-folio directory under your regular web document root (where index.html would live).

I like using TopStyle when I'm editing CSS. smile.gif

Then you upload the file back to your server and you can view your changes.

I hope that makes sense. smile.gif
lisa
Hi Rakesh,

Please verify that you have the Theme Root and Theme URL set properly in System Shortcuts > Plugins > Stylecatcher (click on Show Settings, not on "StyleCatcher").

Your URL should be: http://www.example.com/mt-static/themes/
and your root path: /path_to_mt-static/themes

where path_to_mt-static is the actual path on your server.

See if making those changes allows the styles to display properly.
dorislane
Oh, that makes complete sense and is so simple a thing to do. Thank you very much, Lisa.

Doris


QUOTE (lisa @ May 4 2006, 11:11 AM)
Hi dorislane,

QUOTE (dorislane @ May 3 2006, 08:19 PM)
QUOTE
/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt-static/themes/base-weblog.css);
@import url(/mt-static/themes/theme-folio/theme-folio.css);
/* end StyleCatcher imports */



If you use FTP, you can connect to your site and download the theme-folio.css file to your local computer (make sure you transfer it as ASCII, not binary). This file will be in your mt-static/themes/themes-folio directory under your regular web document root (where index.html would live).

I like using TopStyle when I'm editing CSS. smile.gif

Then you upload the file back to your server and you can view your changes.

I hope that makes sense. smile.gif
*

rakesh
QUOTE (lisa @ May 4 2006, 12:11 PM)
Hi dorislane,

QUOTE (dorislane @ May 3 2006, 08:19 PM)
QUOTE
/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt-static/themes/base-weblog.css);
@import url(/mt-static/themes/theme-folio/theme-folio.css);
/* end StyleCatcher imports */



If you use FTP, you can connect to your site and download the theme-folio.css file to your local computer (make sure you transfer it as ASCII, not binary). This file will be in your mt-static/themes/themes-folio directory under your regular web document root (where index.html would live).

I like using TopStyle when I'm editing CSS. smile.gif

Then you upload the file back to your server and you can view your changes.

I hope that makes sense. smile.gif
*




Any chance of an -idiot-friendly version of the above, just for me??? huh.gif wink.gif sad.gif
If it helps: I have and use SmartFTP and now have TopStyle Lite

lisa
Rakesh,

If you're using the default style, then you would want to review the following section of the User Manual:
Editing a Template using an External Editor.

If you are modifying a style you've downloaded, then you will need to find the files in your mt-static directory (normally they're installed in a themes folder) and use your FTP program to download the files that end in "css" to your local computer.

Then you can use TopStyle Lite and make edits to that file. I would recommend that you do not edit base-weblog.css as that is used by all of the other styles and may cause odd things to happen to your design. smile.gif

Each theme (by default, when you're using Stylecatcher) is installed in its own directory. That is the css file you need to find to edit it.

I hope this makes more sense to you. smile.gif

Lisa
rakesh
QUOTE (lisa @ May 8 2006, 11:14 AM)
Rakesh,

If you're using the default style, then you would want to review the following section of the User Manual:
Editing a Template using an External Editor.

If you are modifying a style you've downloaded, then you will need to find the files in your mt-static directory (normally they're installed in a themes folder) and use your FTP program to download the files that end in "css" to your local computer.

Then you can use TopStyle Lite and make edits to that file. I would recommend that you do not edit base-weblog.css as that is used by all of the other styles and may cause odd things to happen to your design. smile.gif

Each theme (by default, when you're using Stylecatcher) is installed in its own directory. That is the css file you need to find to edit it.

I hope this makes more sense to you. smile.gif

Lisa
*



Sure does.

Thank you very much Lisa.
rakesh


I have got the hang of using TopStyle edit of templates installed via StyleCatcher.

I have another query though!

I am trying to add borders on top, bottom, left and right, around each comment made to the entries in my blog. I looked up the css theme file for the theme masala, but could not find any section in the css code relating the the 'comments' part where I can add the code for the borders.

Any would be great.

Thanks
lisa
If you "view source" on the page with the comments, it'll tell you what style to look at. That style will then be in the themes-masala.css file.
Kevin_Lowey
QUOTE
Here is my site:

My Webpage

I like it, basically, but I wanted to make the body type slightly larger and change the headline color. I can't figure out where to do it.

Thank you.


A good way to check the styles if you don't have access to the actual style files is to use the W3C CSS validator. It will check if the styles are valid, and list the final combined version from all the stylesheets.

http://jigsaw.w3.org/css-validator

I ran it on your site. and it found a proiblem in the HTML on yoru page. It looks like someplace it started a "h2" tag but didn't end it. That would explain why your text looked too large. It thinks most of the page is a heading.

You'll have to find where this extra "h2" tag is in your templates and fix it.

- Kevin Lowey
Kevin_Lowey
QUOTE (Kevin_Lowey @ Jun 9 2006, 07:54 PM) *
I ran it on your site. and it found a proiblem in the HTML on yoru page. It looks like someplace it started a "h2" tag but didn't end it. That would explain why your text looked too large. It thinks most of the page is a heading.


Actually, I ran the site through the W3C HTML validator at http://validator.w3.org/ to get more specific information. The H2 tags seem to be ok. However, there were 766 other problems. Things like the div id="container" tag didn't have the closing /DIV tag.

The reason the stylesheet catcher got confused is that in the first H2 header, you started the header, had the text, then ended a "bold" before ending the header. But you never started the bold. So it thought you forgot the closing h2.

A lot of the problems are in your BR tags. Since this is marked as XHTML 1.0 transitional, those should be

<br />

not

<br>

The first thing to do when fixing css problems is fix any html validation problems.

- Kevin Lowey
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.