|
02-26-2008, 07:37 AM
|
|||
|
|||
CSS Question
I am trying to change the font size and also the padding but am not having any luck. I have tried changing it everywhere, in the template css, in the joomla backend css on the template but it is not changing.....I use JSAS and CS3.
What am I missing please?  Thanks     
|
|
02-28-2008, 09:33 AM
|
|||
|
|||
|
I am sorry to be a bother but I have tried everything to get things to change and nothing is working. Do I make the changes in the template_css.css? If so then it is not working for me. I was trying to change the font size and color in the body but it is not changeing.
Could someone shed some light on what I am doing wrong..... Thanks
|
|
02-28-2008, 10:26 AM
|
|||
|
|||
|
Hello fregia,
please post the index.php page for template. And the template_css.css style sheet please use # to add code between the two {code}html {/code} please note that this type of support is not the normal support for the Joomla template kit. We do not help you design your template, but if I can help you quickly find your issue and a have the time I will. best regards, Brian
|
|
02-28-2008, 12:13 PM
|
|||
|
|||
|
Ok...here is the index
Code:
/<?php
/**
* @Template Name: texaswebworks
* @Version: 2.0
* @Package: A Joomla 1.0.X template
* @Copyright: (C) 2008 by Kristie Fregia, Texas Web Works
* @License: http://www.texaswebworks.net/
**/
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php mosShowHead(); ?>
<?php if ($my->id) {initEditor();}?>
<link href="<?php echo "../../texaswebworks/$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" />
<link rel="shortcut icon" href="<?php echo "../../texaswebworks/$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/favicon.ico"; ?>" />
<!-- This so you can see the css styles in DW you can delete file once editing Template is complete-->
<link href="../../texaswebworks/css/template_css.css" rel="stylesheet" type="text/css" media="all" />
<script src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>
AC_RunActiveContent.js" type="text/javascript"></script>
<script src="../../Scripts/AC_RunActiveContent.js" type="text/javascript"></script></head>
<body>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<th background="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>topbar.png" scope="col"><div align="left">
<?php if (mosCountModules('pathway')>0) mosLoadModules('pathway',0); ?>
<?php mosPathWay(); ?>
</div></th>
</tr>
<tr>
<th bgcolor="#CCCCCC" scope="col"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','900','height','200','src','<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>twwheader','quality','high','pluginspage','http://www.macromedia.com/go/getflash player','movie','<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>twwheader' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="900" height="200">
<param name="movie" value="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>twwheader.swf" />
<param name="quality" value="high" />
<embed src="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>twwheader.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflash player" type="application/x-shockwave-flash" width="900" height="200"></embed>
</object>
</noscript></th>
</tr>
<th background="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>bar.png" scope="col"><div align="left">
<?php if (mosCountModules('user1')>0) mosLoadModules('user1',0); ?>
</div></th>
</tr>
<tr bgcolor="f4f4f4">
<th scope="col"><div align="left">
<?php mosMainBody(); ?>
</div></th>
</tr>
<th background="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/"; ?>footer.png" scope="col"><div align="left">
<?php include_once('includes/footer.php'); ?>
<?php if (mosCountModules('footer')>0) mosLoadModules('footer',0); ?>
</div></th>
</tr>
</table>
<p> </p>
</body>
</html>
|
|
02-28-2008, 12:14 PM
|
|||
|
|||
|
and this is the template_css css
Code:
/* Design by Brian Diaz of Media 65 @ http://www.m65.net All Rights Reserved */
/* ####################### GENERAL SETTINGS ############################ */
html.body{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666;
margin-top: 0px;
}
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666;
margin-top: 0px;
}
/* Global Formatting */
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size:13px;line-height: 1em;font-weight: 900;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{font-size:12px;}
th{font-size:12px;}
a {color: #CC6600;}
a:hover {color: #659FDE;}
a:visited {color: #CC6600;}
a.image, a.image:hover {border:0;}
li{ list-style: square;}
ul { list-style: square;}
/* ####################### END GENERAL SETTINGS ############################ */
/* ###################### LAYOUT SETTINGS ############################## */
/* Add here Div Wrappers of table formatting to layouts custom stuff*/
/* ###################### LAYOUT SETTINGS ############################## */
/*##################### NAVIGATION SECTION #####################*/
/* Pathway Breadcrumbs */
.pathway {font-size: 8px;color:#333;}
a.pathway:link {color:#659FDE;}
a.pathway:visited {color:#659FDE;}
a.pathway:active {color:#659FDE;}
a.pathway:hover {color:#659FDE;text-decoration:underline;}
/* Mainlevel menu */
.mainlevel {height: 0px;}
a.mainlevel {display: block;
background: #2F3E57;
color: #FFFFFF;
padding: 5px 0 5px 19px;
margin: 0 0 1px 0;
text-decoration: none;
}
a.mainlevel:hover {
color: #FFFFFF;
background: #A0A0A0;
}
/* End Mainlevel menu */
/* Sub Menu */
.sublevel{height: 18px;}
a.sublevel{ display: block;
background: #A0A0A0;
color: #FFFFFF;
padding: 5px 0 5px 19px;
margin: 0 0 1px 0;
text-decoration: none;
}
a.sublevel:hover {
display: block;
color: #FFFFFF;
background: #822C0F;}
/* End Sub Menu */
/* Add Custom Menus */
/* Add Custom Menus */
/*##################### NAVIGATION SECTION #####################*/
/* ##################### STANDARD MODULE TABLE #################*/
table.moduletable {
width: 100%;
padding: 0px;
margin: 0px;
}
table.moduletable th {
background: #2F3E57;
height: 18px;
color: #FFFFFF;
}
table.moduletable td {height: 18px;}
/* Add here Custom Modules */
/* End Custom Modules */
/* ##################### END STANDARD MODULE TABLE #################*/
/* ############# CONTENT - SECTIONS & CATEGORIES ###########################*/
.contentheading {
font-size: 16px;
width: 100%;
font-weight: bold;
color: #659FDE;
}
/* content title and links */
.contentpagetitle {background-color : White; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited
{text-decoration: none;font-weight: normal; color: #FF6600;border-bottom: 0px;}
a.contentpagetitle:hover {color: #000;border-bottom: 0px dashed #CCCCCC;text-decoration: none;}
/* top box like a category description */
.contentdescription {background-color : White;}
/* Main Body Text */
.contentpane {background: White;}
.contentpaneopen {background-color: White;}
/* Main Body Text */
/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}
/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}
/* Dates */
.createdate {color: #666; font-size:.8em; font-weight: normal;}
.modifydate {font-size: 10px;color: #666;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #FF6600;font-weight: normal;}
/* Dates */
/* Writen by Authors name */
.small {color: #666;}
/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav{font-size: 14px; color: #CC6600; }
.pagebar{font-size: 12px;}
.pagenav_prev{font-size: 14px; color: #FF6600; }
.pagenav_next{font-size: 14px; color: #FF6600; }
a.pagenav {color: #CC6600; border-bottom: 0;}
a.pagenav:hover {color: #659FDE; border-bottom: 0;}
.pagenavcounter{ height: 15px; }
.back_button{font-size: 12px; height: 15px; }
/* Read more link */
.readon{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; color:#FF6600;font-weight: bold;
}
/* Article index {mospagebreak} */
table.contenttoc {
padding: 0px;
margin: 2px;
font-size: 12px;
}
table.contenttoc th {
background: #2F3E57;
color: White;
}
table.contenttoc td {padding: 2px;}
/* Links article index */
a.toclink:hover, a.toclink:visited, a.toclink:link { height: 18px; }
/* End Article index */
/* component heading */
.componentheading {
font-size: 1.5em;
font-weight: bold;
color: #659FDE;
text-align:left;
margin-top: 1.5em;
background-color: White;
}
/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
background-color : #D3D3D3;
color : #333;
font-weight : bold;
border-collapse: collapse;
font-size: 11px;
}
/* Table odd and Even Rows */
.sectiontableentry1 {background-color : #FFFFFF;font-size: 11px;}
.sectiontableentry2 {background-color : #EBEBEB;font-size: 11px;}
.sectiontablefooter{ height: 18px; }
/* End Sectiontable */
/* Category */
.category {color:#333;}
a.category:link, a.category:visited, a.category:hover { height: 15px; }
/* End category */
/* blogsection */
.blog {background-color : #FFFFFF;}
.blogsection{ height: 18px; }
.blog_more{ height: 18px; clear: both;}
.blog_heading { height: 18px; }
/* space from bottom of article */
.article_seperator{background-color : #FFFFFF;}
/* End blogsection */
/* Search Form Module*/
.search {height: 18px;}
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
border: 1px dashed #010101;
background: #DDEEFF;
padding: 0px 2px 0px 2px;}
/* End Search Form */
/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/
/* ##################### FORM SECTION #####################*/
form{font-size: 12px}
input {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-color:#FFFFFF; font-size: 13px; color: #333;
}
.inputbox {background: White;}
.text_area {background: White;}
/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */
.button {border: 1px solid #999; background: #333;color: White;}
/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}
/* ##################### END FORM SECTION ##################### */
/* ###################### TABBED EDITING ###################### */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output. Don't set the colour! */
.moscode {
background-color: #f0f0f0;
}
.code {
font-family: courier, serif;
font-size: 1.2em;
padding: 2px;
background-color: #f0f0f0;
color: blue;
border: 1px solid #d5d5d5;
margin: 0px;
width: 90%;
}
/* Text passed with mosmsg url parameter */
.message {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 1em;
color : #666;
text-align: center;
}
/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #666666;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: bold;
color: #FFFFFF;
padding: .2em;
}
.offtab {
background-color : #cccccc;
border-left: outset 1px #666;
border-right: outset 1px #333;
border-top: outset 1px #666;
border-bottom: solid 1px #333;
text-align: center;
cursor: default;
font-weight: normal;
padding: .2em;
}
.edit-tabs {
padding: 1em;
background: none;
}
.tabpadding {padding:1px;}
.tabheading {
background-color: #FF6600;
text-align: left;
}
.pagetext {
visibility: hidden;
display: none;
}
/*Body of the form*/
.adminform{background-color : #FFFFFF;}
/* ###################### End TABBED EDITING ###################### */
|
|
02-28-2008, 01:12 PM
|
|||
|
|||
|
I think your issue is a path issue.
remove this from your index.php code ../../texaswebworks/ what your looking for > Code:
<link href="<?php echo "../../texaswebworks/$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" /> Code:
<link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css";?>" rel="stylesheet" type="text/css" media="all" />
|
 |
| Thread Tools | |
| Display Modes | |
|
|
Linear Mode
