How do I change only the page body text? I adjust in the style sheet typography but ut chages the size of my menu text as well. I am trying to get the body text to be Arial Small or 100% by default. Can i do this w/o changing the menu text?
Thanks
MJD
How do I change only the page body text?
-
calguy1000
- Support Guru
- Posts: 8169
- Joined: Tue Oct 19, 2004 6:44 pm
Re: How do I change only the page body text?
try changing div#content, instead of body.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
Re: How do I change only the page body text?
Change it in what? Template or CSS?
-
calguy1000
- Support Guru
- Posts: 8169
- Joined: Tue Oct 19, 2004 6:44 pm
Re: How do I change only the page body text?
in the css, check the Layout stylesheet. That's where I think it is.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
Re: How do I change only the page body text?
the default install comes with a style sheet called Typography that contains all the font sizes,
this is from the default CSS
/* A CSS Framework by Mike Stenhouse of Content with Style */
/* TYPOGRAPHY */
body {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 1em;
}
depending on how your layout is set up you would target the font you want to change
body content main whatever the box is called that has the font you want to change {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 1em;
}
generaly the font has 3 choices in case someone viewing your site doesn't have 1 of them installed they will get the next 1 inline untill it gets to 1 that is installed on their comp. or it will just default to the browsers choice.
mark
this is from the default CSS
/* A CSS Framework by Mike Stenhouse of Content with Style */
/* TYPOGRAPHY */
body {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 1em;
}
depending on how your layout is set up you would target the font you want to change
body content main whatever the box is called that has the font you want to change {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 1em;
}
generaly the font has 3 choices in case someone viewing your site doesn't have 1 of them installed they will get the next 1 inline untill it gets to 1 that is installed on their comp. or it will just default to the browsers choice.
mark
Re: How do I change only the page body text?
This is what I have, i change the top font and it changes everything. how do i get just the main text changed? Do i create the body content main in the text?
/* A CSS Framework by Mike Stenhouse of Content with Style */
/* TYPOGRAPHY */
body {
text-align: left;
font-family: Arial;
font-size: 75%;
line-height: 1em;
}
div {
font-size: 1em;
}
img {
border: 0;
}
/* LINKS */
a,
a:link
a:active, a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
/* END LINKS */
/* HEADINGS */
h1 {
font-size: 2em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h2 {
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h3 {
font-size: 1.3em;
line-height: 1.3em;
margin: 0 0 0.5em 0;
padding:0;
}
#menu_vert h2 {
margin-left: 10px;
}
h4 {
font-size: 1.2em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
}
h5 {
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
}
h6 {
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
}
/* END HEADINGS */
/* TEXT */
p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: 0;
line-height:1.4em;
}
blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
pre {
font-family: monospace;
font-size: 1.0em;
}
strong, b {
font-weight: bold;
}
em, i {
font-style:italic;
}
code {
font-family: "Courier New", Courier, monospace;
font-size: 1em;
white-space: pre;
}
/* END TEXT */
/* LISTS */
#main ul {
line-height:1.4em;
margin: 0 0 1.5em 0;
padding: 0;
}
#main ul li {
margin: 0 0 0.25em 30px;
padding: 0;
}
ol {
font-size: 1.0em;
line-height: 1.4em;
margin: 0 0 1.5em 0;
padding: 0;
}
ol li {
font-size: 1.0em;
margin: 0 0 0.25em 30px;
padding: 0;
}
dl {
margin: 0 0 1.5em 0;
padding: 0;
line-height: 1.4em;
}
dl dt {
font-weight: bold;
margin: 0.25em 0 0.25em 0;
padding: 0;
}
dl dd {
margin: 0 0 0 30px;
padding: 0;
}
/* END LISTS */
/* TABLE */
table {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: 0;
}
table caption {
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 1.5em 0;
}
th {
font-weight: bold;
text-align: left;
}
td {
font-size: 1em;
}
/* END TABLE */
hr {
}
div.hr {
height: 1px;
margin: 1.5em 10px;
border-bottom: 1px dotted black;
}
/* END TYPOGRAPHY */
/* A CSS Framework by Mike Stenhouse of Content with Style */
/* TYPOGRAPHY */
body {
text-align: left;
font-family: Arial;
font-size: 75%;
line-height: 1em;
}
div {
font-size: 1em;
}
img {
border: 0;
}
/* LINKS */
a,
a:link
a:active, a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
/* END LINKS */
/* HEADINGS */
h1 {
font-size: 2em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h2 {
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
padding: 0;
}
h3 {
font-size: 1.3em;
line-height: 1.3em;
margin: 0 0 0.5em 0;
padding:0;
}
#menu_vert h2 {
margin-left: 10px;
}
h4 {
font-size: 1.2em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
}
h5 {
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
}
h6 {
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
padding: 0;
}
/* END HEADINGS */
/* TEXT */
p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: 0;
line-height:1.4em;
}
blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
pre {
font-family: monospace;
font-size: 1.0em;
}
strong, b {
font-weight: bold;
}
em, i {
font-style:italic;
}
code {
font-family: "Courier New", Courier, monospace;
font-size: 1em;
white-space: pre;
}
/* END TEXT */
/* LISTS */
#main ul {
line-height:1.4em;
margin: 0 0 1.5em 0;
padding: 0;
}
#main ul li {
margin: 0 0 0.25em 30px;
padding: 0;
}
ol {
font-size: 1.0em;
line-height: 1.4em;
margin: 0 0 1.5em 0;
padding: 0;
}
ol li {
font-size: 1.0em;
margin: 0 0 0.25em 30px;
padding: 0;
}
dl {
margin: 0 0 1.5em 0;
padding: 0;
line-height: 1.4em;
}
dl dt {
font-weight: bold;
margin: 0.25em 0 0.25em 0;
padding: 0;
}
dl dd {
margin: 0 0 0 30px;
padding: 0;
}
/* END LISTS */
/* TABLE */
table {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: 0;
}
table caption {
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 1.5em 0;
}
th {
font-weight: bold;
text-align: left;
}
td {
font-size: 1em;
}
/* END TABLE */
hr {
}
div.hr {
height: 1px;
margin: 1.5em 10px;
border-bottom: 1px dotted black;
}
/* END TYPOGRAPHY */
Re: How do I change only the page body text?
the "body" tag is for your whole site, look thru your template and find the
what is the font in?
if it's in the
then it's
main {
text-align: left;
font-family: Arial;
font-size: 75%;
line-height: 1em;
}
mark
what is the font in?
if it's in the
then it's
main {
text-align: left;
font-family: Arial;
font-size: 75%;
line-height: 1em;
}
mark
Re: How do I change only the page body text?
I included my css in the above posting. thanks for your help with this! do i need to add the "main" portion?
Re: How do I change only the page body text?
only if the font is in the "main" what is the font in?
do you have a link to your site so it can be looked at.
mark
do you have a link to your site so it can be looked at.
mark
Re: How do I change only the page body text?
from the source of your site i found this
New Millenium Kids Project
In 1996, Ohio received funding,,,,,,,
that means that the font size is being set ,, hmm probably when you are putting content in the page as in edit or make page, you would be setting the font there, but if you want to set font for all pages 'main' div it would be in the typo. CSS like i showed you earlier,,
main {
text-align: left;
font-family: Arial;
font-size: 75%; or what ever size you want
line-height: 1em;
}
but for this to work you will have to take the setting out of the page/edit process,,(any inline styles, the blue hilite above, will over rule all CSS styles) there is a button on the top left hand of the edit screen that says 'Source' clik it and you will get a window that shows all of the background formating of only that edit window,in case there are two or more 'content' boxes, you take out anything except the tags or
and then you can style it in the CSS. one of the advantages of CSS styling , you don't have to remember the style every time you or somebody else makes a page,,hhmmm was i using size 3 font or 4 was that Arial or Times Roman, and it's site wide,, like set and forget. important if other people make pages/content.
HTH
mark
New Millenium Kids Project
In 1996, Ohio received funding,,,,,,,
that means that the font size is being set ,, hmm probably when you are putting content in the page as in edit or make page, you would be setting the font there, but if you want to set font for all pages 'main' div it would be in the typo. CSS like i showed you earlier,,
main {
text-align: left;
font-family: Arial;
font-size: 75%; or what ever size you want
line-height: 1em;
}
but for this to work you will have to take the setting out of the page/edit process,,(any inline styles, the blue hilite above, will over rule all CSS styles) there is a button on the top left hand of the edit screen that says 'Source' clik it and you will get a window that shows all of the background formating of only that edit window,in case there are two or more 'content' boxes, you take out anything except the tags or
and then you can style it in the CSS. one of the advantages of CSS styling , you don't have to remember the style every time you or somebody else makes a page,,hhmmm was i using size 3 font or 4 was that Arial or Times Roman, and it's site wide,, like set and forget. important if other people make pages/content.
HTH
mark
