some times when you install a new joomla templates for joomla website,you'll find the font too small or too big!the you need change the font size!the easy way to do this is edit the joomla css files with a css editor!for exzample if your css file is :
/* custom stuff */
HTML {
height: 100%;
margin-bottom: 1px;
}
BODY {
margin: 0px 0px 0px 0px;
height: 100%;
}
a:link, a:visited {
color: #BD4B37; text-decoration: none;
font-weight: bold;
}
a:hover {
color: #742E21; text-decoration: none;
font-weight: bold;
}
td,tr,p,div {
font-family: Arial, Helvetica, sans-serif;
line-height: 140%;
font-size: 11px;
color: #333333;
text-align: left;
}
h3, .componentheading {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
color: #BD4B37;
line-height: 18px;
margin: 5px 0;
}
.componentheading {
padding-top: 10px;
}
.contentheading {
font-family: Arial, Helvetica, sans-serif;
background: url(../images/oo_seperator_horiz.png) bottom left repeat-x;
padding: 0px 0px 5px 0px;
font-size: 20px;
font-weight: normal;
height: 45px;
vertical-align: bottom;
color: #5C6265;
text-align: left;
width: 100%;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}
ul li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/oo_bullet_red.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}
.small {
font-size: 10px;
color: #999999;
font-weight: bold;
text-align: left;
}
.modifydate {
height: 30px;
vertical-align: bottom;
font-size: 10px;
color: #999999;
font-weight: bold;
text-align: left;
}
.createdate {
height: 25px;
vertical-align: top;
font-size: 10px;
color: #999999;
font-weight: bold;
vertical-align: top;
padding-bottom: 10px;
padding-top: 0px;
}
.clr {
clear: both;
}
#page_bg {
height: 100%;
background: #B6BABA;
padding: 0;
margin-bottom: 1px;
}
div.mosimage_caption {
font-size: 10px;
color: #666666;
}
div.center {
text-align: center;
}
table#main {
margin-left: auto;
margin-right: auto;
text-align: center;
}
div.blog_more {
margin-top: 30px;
}
div.syndicate div {
text-align: center;
}
table.minimal {
border-collapse: collapse;
margin:0;
padding: 0;
}
table.minimal td {
margin:0;
padding: 0;
}
td.left_shadow {
width: 17px;
background: url(../images/oo_shadow_l.png) repeat-y;
}
td.right_shadow {
width: 17px;
background: url(../images/oo_shadow_r.png) repeat-y;
}
td.left_bot_shadow {
width: 17px;
height: 34px;
background: url(../images/oo_shadow_bl.png) no-repeat;
}
td.right_bot_shadow {
width: 17px;
height: 34px;
background: url(../images/oo_shadow_br.png) no-repeat;
}
td.bottom {
text-align: center;
height: 41px;
color: #999999;
line-height: 30px;
vertical-align: top;
background: url(../images/oo_shadow_b.png) bottom left no-repeat;
}
td.wrapper {
width: 776px;
}
#bottomnav_links {
float: left;
width: 776px;
height: 24px;
background: url(../images/oo_redbar_bot.png) repeat-x;
padding: 0px;
}
#links {
float: right;
padding-top: 7px;
}
#bottomnav_links ul {
margin: 0;
padding: 0;
}
#bottomnav_links li {
background-image: none;
list-style:none;
float: left;
margin: 0px;
padding: 0px;
font-size: 11px;
line-height:17px;
height: 17px;
white-space: nowrap;
}
#bottomnav_links a {
display: block;
padding: 0px 30px;
float: none;
text-decoration: none;
color: #eeeeee;
line-height: 17px;
text-align: center;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
background: url(../images/oo_seperator_menubar.png) 0px 3px no-repeat;
}
#bottomnav_links a:hover {
color: #ffffff;
}
#header {
float: left;
width: 776px;
height: 119px;
background: url(../images/oo_header.jpg) no-repeat;
}
#tabbar {
float: left;
width: 776px;
padding-top: 4px;
height: 25px !important;
height: 29px;
background: url(../images/oo_tabbar_bg.png) repeat-x;
}
#colorbar {
float: left;
width: 776px;
height: 7px;
overflow: hidden;
background: #BD4B37;
}
#contentarea {
float: left;
width: 760px !important;
width: 776px;
background: #f4f4f4;
padding: 8px;
}
table.contentarea {
width: 760px;
max-width: 760px;
}
#pathway {
margin-top: 10px;
margin-left: 10px;
}
td.sidenav {
}
div.forcewidth {
width: 194px;
overflow: hidden;
}
td.seperator {
background: url(../images/oo_seperator_vert.png) top center repeat-y;
}
td.middle {
width: 550px;
}
div.redbox_t {
float: left;
width: 194px;
height: 10px;
overflow: hidden;
background: url(../images/oo_redbox_t.png) no-repeat;
}
div.redbox_m {
float: left;
width: 178px !important;
width: 194px;
background: url(../images/oo_redbox_m.png) repeat-y;
padding: 8px;
}
div.redbox_m td {
color: #ffffff;
}
div.redbox_b {
float: left;
width: 194px;
height: 10px;
overflow: hidden;
background: url(../images/oo_redbox_b.png) no-repeat;
margin-bottom: 8px;
}
div.menu_t {
float: left;
width: 194px;
height: 10px;
overflow: hidden;
background: url(../images/oo_menu_t.png) no-repeat;
}
div.menu_m {
float: left;
width: 194px;
background: url(../images/oo_menu_m.png) repeat-y;
}
div.menu_b {
float: left;
width: 194px;
height: 10px;
overflow: hidden;
background: url(../images/oo_menu_b.png) no-repeat;
margin-bottom: 8px;
}
a.mainlevel:link, a.mainlevel:visited {
display: block;
background: #000000 url(../images/oo_menu_item_bg.png);
font-size: 10px;
font-weight: bold;
color: #535657;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: left;
height: 30px;
line-height: 30px;
text-indent: 25px;
width: 194px;
}
a.mainlevel:hover {
background-position: 0px -30px;
text-decoration: none;
font-weight: bold;
color: #fff;
}
a.mainlevel#active_menu {
background-position: 0px -60px;
}
a.mainlevel#active_menu:hover {
color: #29539E;
}
div#left div.moduletable {
float:left;
width: 184px;
background: url(../images/oo_seperator_horiz.png) repeat-x;
margin: 15px 5px 5px;
padding-top: 10px;
}
table#greybox td.smallbox{
width: 271px;
background: #DCDEDE url(../images/oo_greybox_small_b.png) bottom left no-repeat;
padding-bottom: 11px;
}
table#greybox td.smallbox div.moduletable {
background: url(../images/oo_greybox_small_t.png) top left no-repeat;
padding: 8px;
}
table#greybox td.largebox{
width: 550px;
background: #DCDEDE url(../images/oo_greybox_large_b.png) bottom left no-repeat;
padding-bottom: 11px;
}
table#greybox td.largebox div.moduletable {
background: url(../images/oo_greybox_large_t.png) top left no-repeat;
padding: 8px;
}
table#greybox td.spacer {
width: 8px;
}
table#greybox h3 {
margin: -5px 0px 5px 0px;
padding:0;
}
table#greybox a:link, table#greybox a:visited {
color: #333333;
}
table#greybox a:hover {
color: #742E21;
}
div#mainbody {
width: 530px;
margin-left: 10px;
}
div#footer {
height: 17px;
line-height: 17px;
background: url(../images/oo_redbar_bot.png) repeat-x;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #9CB8E2;
}
/** legacy **/
input.button {
border: 1px solid #cccccc;
background: url(../images/oo_tabbar_bg.png) repeat-x;
height: 20px;
padding: 2px 10px 4px 10px !important;
padding: 0px 5px 0px 5px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}
.inputbox {
font-size: 11px;
}
table.moduletable {
width: 100%;
margin: 0px 0px 15px 0px;
}
table.moduletable td {
padding: 4px;
}
/* required stuff */
#content-pane .tab-page {
}
table.contentpane {
text-align: left;
width: 100%;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
table.contentpaneopen {
text-align: left;
width: 100%;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
.contentpagetitle {
font-size: 13px;
font-weight: bold;
color: #cccccc;
text-align:left;
}
/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
padding: 0px;
font-size: 17px;
font-weight: bold;
height: 25px;
line-height: 25px;
padding-top: 10px;
color: #719500;
text-align: left;
width: 100%;
}
a.contentpagetitle:hover {
color: #99CC00;
}
a.sublevel:link, a.sublevel:visited {
display: block;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #666666;
text-align: left;
padding-left: 11px;
margin-left: 10px;
line-height: 20px;
}
a.sublevel:hover {
color: #99CC00;
font-weight: bold;
background: #026604;
text-decoration: none;
}
a.category:link, a.category:visited {
}
a.category:hover {
}
a.pagenav, a.pagenav:visited {
}
a.pagenav:hover {
}
.frontpageheader {
}
.newsfeedheading {
}
.newsfeeddate {
}
.fase4rdf a:link {
}
.fase4rdf a:hover {
}
div#mainbody td.sectiontableheader {
font-weight: bold;
background: #BD4B37;
color: #ffffff;
padding: 4px;
border-left: 1px solid #f4f4f4;
}
td.smalldark {
color: #666666;
font-size: 11px;
font-weight: bold;
}
table.pollstableborder {
padding: 0;
margin: 0;
border-collapse: collapse;
text-align: left;
}
table.pollstableborder td {
padding: 5px 2px 0 0;
}
td.sectiontableentry1 {
padding: 0px;
}
td.sectiontableentry2 {
padding: 0px;
}
tr.sectiontableentry1 td {
padding-left: 4px;
padding-right: 4px;
}
tr.sectiontableentry2 td {
padding-left: 4px;
padding-right: 4px;
}
/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #cccccc;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
border-top: solid 1px #666666;
border-bottom: solid 0px #cccccc;
text-align: center;
cursor: pointer;
font-weight: normal;
color: #cc0000;
}
.offtab {
background-color: #BCBCBC;
border-left: solid 1px #999999;
border-right: solid 1px #bbbbbb;
border-top: solid 1px #999999;
border-bottom: solid 1px #666666;
text-align: center;
cursor: pointer;
font-weight: normal;
color: #666666;
}
.tabpadding {
}
.tabheading {
background-color: #eeeeee;
text-align: left;
}
.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}
h4 {
}
h5 {
}
h6 {
}
/* Horizontal Line */
hr {
background: #999999; height:1px; border: 1px solid;
}
hr.separator {
}
td.buttonheading img{
padding-left: 5px;
}
span.highlight {
background: #ffffcc;
}
/* Content - Sections & Categories */
table.contenttoc {
margin: 3px;
border:solid 1px #cccccc;
}
table.contenttoc th {
font-size: 11px;
text-transform: uppercase;
color: #333333;
background: #eeeeee;
padding: 5px;
}
table.contenttoc td {
font-size: 8pt;
font-weight: normal;
text-align:left;
padding: 5px;
}
.contentdescription {
text-align: left;
}
/** category text format and links **/
.category {
}
.poll {
font-size: 11px;
padding: 0px;
margin: 0px
}
table.pollstableborder {
border: 0px;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}
.smalldark {
font-size: 11px;
color: #333333;
text-decoration: none;
font-weight: normal;
}
table.searchinto {
width: 100%;
}
table.searchintro td {
color: #000000;
font-weight: bold;
}
.pagenav {
font-weight: normal;
}
.pagenavbar {
}
/* Content voting */
.content_rating {
font-weight: normal;
font-size: 8pt;
}
.content_vote {
font-weight: normal;
font-size: 8pt;
}
/* Javascript Back button */
.back_button {
text-align: center;
margin-top: 40px;
}
.readon {
display: block;
text-align: right;
}
strong {
color: #112544;
}
/* SuckerFish Menus Default */
#nav {
margin-left: 5px;
}
#nav ul {
margin: 0;
padding: 0;
list-style:none;
}
/* top level links */
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav li {
margin: 0;
float:left;
height: 25px;
background:url(../images/oo_tab_norm_l.png) no-repeat bottom left;
margin-left: 4px;
padding:0 0 0 7px;
}
#nav li a {
float:left;
display:block;
line-height: 25px;
height: 25px;
background:url(../images/oo_tab_norm_r.png) no-repeat 100% 100%;
padding: 0px 35px 0px 20px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #535657;
text-transform: uppercase;
}
div#nav li:hover, div#nav li.sfhover {
background: url(../images/oo_tab_over_l.png) no-repeat bottom left;
}
div#nav li:hover a, div#nav li.sfhover a {
background: url(../images/oo_tab_over_r.png) no-repeat bottom right;
color: #535657;
}
div#nav li.active a {
background:url(../images/oo_tab_active_r.png) no-repeat bottom right;
color: #ffffff;
}
div#nav li.active {
background:url(../images/oo_tab_active_l.png) no-repeat bottom left;
}
/** preloads **/
span.pl_tab_l {
background-image: url(../images/oo_tab_over_l.png);
left: 0;
position: absolute;
top: 0;
visibility: hidden;
}
span.pl_tab_r {
background-image: url(../images/oo_tab_over_r.png);
left: 0;
position: absolute;
top: 0;
visibility: hidden;
} to change font size you just need edit td,tr,p,div {
font-family: Arial, Helvetica, sans-serif;
line-height: 140%;
font-size: 14px;
color: #333333;
text-align: left;
} font-size: 14px; to change the title font size just need edit .contentheading {
font-family: Arial, Helvetica, sans-serif;
background: url(../images/oo_seperator_horiz.png) bottom left repeat-x;
padding: 0px 0px 5px 0px;
font-size: 20px;
font-weight: normal;
height: 45px;
vertical-align: bottom;
color: #5C6265;
text-align: left;
width: 100%;
} |
joomla css