Need to change menu colour and article font, no info in CSS - Joomla! Forum - community, help and support


hi there,

i having serious problems customising site, change colours of each sections , additionally change fonts of article , line spacing. css files have ( joomla.css, template.css) have no such information index side source somehow gets (look @ text in bold)

edit: added whole index.php source in posts below.


<!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" xml:lang="en-gb" lang="en-gb" >

<head>
<base href="http://hiveengineering.com/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="joomla! - open source content management" />
<title>home</title>
<link href="/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="rss 2.0" />
<link href="/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="atom 1.0" />
<link rel="stylesheet" href="http://hiveengineering.com/modules/mod_btslideshow/assets/skitter/css/skitter.styles.css" type="text/css" />
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/caption.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
<script src="http://hiveengineering.com/modules/mod_btslideshow/assets/js/btloader.min.js" type="text/javascript"></script>
<script type="text/javascript">
window.addevent('load', function() {
new jcaption('img.caption');
});
window.addevent('domready', function() {
$$('.hastip').each(function(el) {
var title = el.get('title');
if (title) {
var parts = title.split('::', 2);
el.store('tip:title', parts[0]);
el.store('tip:text', parts[1]);
}
});
var jtooltips = new tips($$('.hastip'), { maxtitlechars: 50, fixed: false});
});
</script>

<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="/templates/as002032-free/css/template.css" type="text/css" />
<link rel="stylesheet" href="/templates/as002032-free/css/joomla.css" type="text/css" />
<link rel="stylesheet" href="/templates/as002032-free/css/bloglayout.css" type="text/css" />
<link rel="stylesheet" href="/templates/as002032-free/slider/css/slider.css" type="text/css" media="screen" />

<script type="text/javascript" src="/templates/as002032-free/scripts/general.js"></script>
<script type="text/javascript" src="/templates/as002032-free/scripts/jquery.js"></script>
<script type="text/javascript" src="/templates/as002032-free/slider/scripts/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="/templates/as002032-free/slider/scripts/jquery.slider.pack.js"></script>



<!--[if lte ie 6]>
<script src="/templates/as002032-free/scripts/ie6/warning.js"></script>
<script>window.onload=function(){e("/templates/as002032-free/scripts/ie6/")}</script>
<![endif]-->
<style type="text/css">

/*******************************************************************************************/
/*
/* designed 'as designing'
/* web: http://www.asdesigning.com
/* email: info@asdesigning.com
/*
/**************************************************************************************/

/**************************************************************************************/
/**************************************************************************************/
/* elements
/**************************************************************************************/
/**************************************************************************************/


body
{
font-family: tahoma, arial, geneva, verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
background-color: #f4f4f4;
color: #3f3c38;


this frustrating, can figure out information stored?

the full source of index php below:




<!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" xml:lang="en-gb" lang="en-gb" >

<head>
<base href="http://hiveengineering.com/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="joomla! - open source content management" />
<title>home</title>
<link href="/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="rss 2.0" />
<link href="/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="atom 1.0" />
<link rel="stylesheet" href="http://hiveengineering.com/modules/mod_btslideshow/assets/skitter/css/skitter.styles.css" type="text/css" />
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/caption.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
<script src="http://hiveengineering.com/modules/mod_btslideshow/assets/js/btloader.min.js" type="text/javascript"></script>
<script type="text/javascript">
window.addevent('load', function() {
new jcaption('img.caption');
});
window.addevent('domready', function() {
$$('.hastip').each(function(el) {
var title = el.get('title');
if (title) {
var parts = title.split('::', 2);
el.store('tip:title', parts[0]);
el.store('tip:text', parts[1]);
}
});
var jtooltips = new tips($$('.hastip'), { maxtitlechars: 50, fixed: false});
});
</script>

<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="/templates/as002032-free/css/template.css" type="text/css" />
<link rel="stylesheet" href="/templates/as002032-free/css/joomla.css" type="text/css" />
<link rel="stylesheet" href="/templates/as002032-free/css/bloglayout.css" type="text/css" />
<link rel="stylesheet" href="/templates/as002032-free/slider/css/slider.css" type="text/css" media="screen" />

<script type="text/javascript" src="/templates/as002032-free/scripts/general.js"></script>
<script type="text/javascript" src="/templates/as002032-free/scripts/jquery.js"></script>
<script type="text/javascript" src="/templates/as002032-free/slider/scripts/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="/templates/as002032-free/slider/scripts/jquery.slider.pack.js"></script>



<!--[if lte ie 6]>
<script src="/templates/as002032-free/scripts/ie6/warning.js"></script>
<script>window.onload=function(){e("/templates/as002032-free/scripts/ie6/")}</script>
<![endif]-->
<style type="text/css">

/*******************************************************************************************/
/*
/* designed 'as designing'
/* web: http://www.asdesigning.com
/* email: info@asdesigning.com
/*
/**************************************************************************************/

/**************************************************************************************/
/**************************************************************************************/
/* elements
/**************************************************************************************/
/**************************************************************************************/


body
{
font-family: tahoma, arial, geneva, verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
background-color: #f4f4f4;
color: #3f3c38;
}

h1,
h2,
h3
{
color: 3f3c38;
font-size: 15px;
font-weight: bold;
}

a
{
color: #3f3c38;
}

a:hover
{
color: #990000;
}

input
{
color: #3f3c38;
border-color: #cccccc;
background-color: #ffffff;
}

option
{
background-color: #ffffff;
}

select
{
color: #3f3c38;
border-color: #cccccc;
background-color: #ffffff;
}

textarea,
.codemirror-wrapping
{
color: #3f3c38;
border-color: #cccccc;
background-color: #ffffff;
}


/**************************************************************************************/
/* header
/**************************************************************************************/
/**************************************************************************************/


/**************************************************************************************/
/* header row 1 - topnavbar */

#header .row1
{
background-color: #000000;
border-bottom: 1px solid #f4f4f4;
}

#header .row1 #topnavbar .menu,
#header .row1 #topnavbar .custom
{
float: right;
}

#header .row1 #topnavbar a
{
color: #ffffff;
}

#header .row1 #topnavbar a:hover
{
color: #990000;
}

#header .row1 #topnavbar .custom #homelink a
{
background-image: url(/templates/as002032-free/images/themes/black/btn.home.png);
background-repeat: no-repeat;
background-position: bottom;
}

#header .row1 #topnavbar .custom #homelink a:hover
{
background-position: top;
}

#header .row1 #topnavbar .custom #contactlink a
{
background-image: url(/templates/as002032-free/images/themes/black/btn.contact.png);
background-repeat: no-repeat;
background-position: bottom;
}

#header .row1 #topnavbar .custom #contactlink a:hover
{
background-position: top;
}

#header .row1 #topnavbar .custom #searchlink a
{
background-image: url(/templates/as002032-free/images/themes/black/btn.search.png);
background-repeat: no-repeat;
background-position: bottom;
}

#header .row1 #topnavbar .custom #searchlink a:hover
{
background-position: top;
}


/**************************************************************************************/
/* header row 2 - logo & top menu */

#header .row2
{
color: #ffffff;
background-color: #000000;
border: 1px;
border-bottom-color: #f4f4f4;
border-bottom-style: solid;
}

#header .row2 #companyname
{
background-image: url(/templates/as002032-free/images/bg.companyname.png);
background-position: left;
background-repeat: no-repeat;
text-align: left;
}

#header .row2 #companyname,
#header .row2 #companyname a
{
font-family: tahoma, arial, geneva, verdana, sans-serif;
font-size: 27px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #ffffff;
}

#header .row2 #companyname a:hover
{
color: #990000;
}

#header .row2 .slogan
{
font-family: tahoma, arial, geneva, verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #ffffff;
}

#header .row2 #topmenu ul.menu li
{
}

#header .row2 #topmenu ul.menu li a,
#header .row2 #topmenu ul.menu ul li
{
color: #ffffff;
}

#header .row2 #topmenu ul.menu li.current a,
#header .row2 #topmenu ul.menu li.active a,
#header .row2 #topmenu ul.menu li.actives a,
#header .row2 #topmenu ul.menu li.current a:hover,
#header .row2 #topmenu ul.menu li.active a:hover,
#header .row2 #topmenu ul.menu li.actives a:hover,
#header .row2 #topmenu ul.menu li a:hover
{
background-color: #990000;
color: #ffffff;
-moz-border-radius: 3px;
border-radius: 3px;
}

/**************************************************************************************/
/* header row 4 - breadcrums & search */

#header .row4 .content
{
color: #ffffff;
background-color: #000000;
}

#header #breadcrumb
{
}

#header #breadcrumb a
{
color: #ffffff;
}

#header #breadcrumb a:hover
{
color: #990000;
}

#header #search .inputbox
{
color: #ffffff;
background-color: #282828;
-moz-border-radius: 3px;
border-radius: 3px;
}

/**************************************************************************************/
/**************************************************************************************/
/* content
/**************************************************************************************/
/**************************************************************************************/

#content
{
padding-top: 20px;
}

/**************************************************************************************/
/* column left & right
/**************************************************************************************/
/**************************************************************************************/

#colleft
{
}

#colleft h1,
#colleft h2,
#colleft h3
{
color: #3f3c38;
font-size: 17px;
font-weight: normal;
}

#colleft a
{
color: #3f3c38;
}

#colleft a:hover
{
color: #990000;
}

#colleft ul li a,
#colleft ul li.active ul li a
{
color: #3f3c38;
background-image: url(/templates/as002032-free/images/sep.hor.png);
background-position: left bottom;
background-repeat: repeat-x;
}

#colleft ul li a:hover,
#colleft ul li.active a,
#colleft ul li.active ul li a:hover,
#colleft ul ul li a:hover
{
color: #ffffff;
background-image: url(/templates/as002032-free/images/bg.li.hover.left.png);
background-position: left bottom;
background-repeat: no-repeat;
}

#colleft img
{
border: 1px solid #cccccc;
}

#colleft button,
#colleft .button
{
background-color: #990000;
-moz-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
}

#colleft button:hover,
#colleft .button:hover
{
background-color: #000000;
color: #ffffff;
}

#colleft input
{
font-family: tahoma, arial, geneva, verdana, sans-serif;
}


#colleft .readmore
{
background-color: #990000;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: none;
}

#colleft .readmore:hover
{
background-color: #000000;
}

#colleft .readmore a
{
color: #ffffff;
}


/**************************************************************************************/
/* column main
/**************************************************************************************/
/**************************************************************************************/

#colmain
{
}

#colmain #component
{
background-color: #f4f4f4;
}

#colmain #component .innerborder
{
border: 1px solid #ffffff;
}

#colmain .blog-featured,
#colmain .item-page,
#colmain .contact,
#colmain .registration,
#colmain .reset,
#colmain .remind,
#colmain .profile,
#colmain .edit,
#colmain .search-results,
#colmain .categories-list
{
background-color: transparent;
}

#colmain h1,
#colmain h2,
#colmain h3
{
color: 3f3c38;
font-size: 15px;
font-weight: bold;
}

#colmain h1 a,
#colmain h2 a,
#colmain h3 a
{
color: #3f3c38;
}

#colmain h1 a:hover,
#colmain h2 a:hover,
#colmain h3 a:hover
{
color: #990000;
}

#colmain a
{
color: #3f3c38;
}

#colmain a:hover
{
color: #990000;
}

#colmain li
{
}

#colmain input,
#colmain textarea
{
font-family: tahoma, arial, geneva, verdana, sans-serif;
background-color: #ffffff;
}

#colmain input[type="checkbox"],
#colmain input[type="radio"]
{
background-color: transparent !important!
}

#colmain p
{
color: #3f3c38;
}

#colmain .blog-featured .readmore,
#colmain .blog .readmore
{
background-color: #000000;
-moz-border-radius: 3px;
border-radius: 3px;
}

#colmain .blog-featured .readmore:hover,
#colmain .blog .readmore:hover
{
background-color: #990000;
-moz-border-radius: 3px;
border-radius: 3px;
}

#colmain .blog-featured .readmore a,
#colmain .blog .readmore a
{
color: #ffffff;
}

#colmain .blog-featured .readmore a:hover,
#colmain .blog .readmore a:hover
{
color: #ffffff;
}

#colmain .readmore:hover
{
}

#colmain .readmore a
{
color: #3f3c38;
}

#colmain .readmore a:hover
{
color: #990000;
}

#colmain .readmore button,
#colmain .readmore .button
{
color: #3f3c38;
}

#colmain .readmore button:hover,
#colmain .readmore .button:hover
{
color: #990000;
}

#colmain button,
#colmain .button
{
background-color: #000000;
-moz-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
}

#colmain button:hover,
#colmain .button:hover
{
background-color: #990000;
color: #ffffff;
}

#colmain #adsense
{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

#colmain #adsense .innerborder
{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#colmain .inputbox,
#colmain #jform_name,
#colmain #jform_username,
#colmain #jform_password1,
#colmain #jform_password2,
#colmain #jform_email,
#colmain #jform_email1,
#colmain #jform_email2,
#colmain #jform_title,
#colmain #jform_url,
#colmain #jform_catid,
#colmain #jform_state,
#colmain #jform_params_editor,
#colmain #jform_params_timezone,
#colmain #jform_params_language,
#colmain #jform_params_admin_style,
#colmain #jform_params_admin_language,
#colmain #jform_params_helpsite,
#colmain #username,
#colmain #password
{
border-color: #cccccc;
background-color: #ffffff;
}

#colmain #editor-xtd-buttons .button2-left .readmore a
{
color: #3f3c38;
}

#colmain #member-registration fieldset,
#colmain #member-profile fieldset,
#colmain #adminform fieldset,
#colmain .registration fieldset,
#colmain .profile fieldset
{
}

#colmain #users-profile-core legend,
#colmain #users-profile-custom legend,
#colmain #adminform legend,
#colmain .profile-edit legend,
#colmain .registration legend
{
}

#colmain span.spacer > span.text label
{
color: #3f3c38;
}

#colmain #searchform .phrases,
#colmain #searchform .only
{
border-color: #cccccc;
}

#colmain #jform_spacer-lbl,
#colmain label.invalid,
#colmain .red,
#colmain .star,
#colmain .asterisk
{
color: #990000;
}


/**************************************************************************************/





Comments

Popular posts from this blog

How to change text Component easybook reloaded *newbee* - Joomla! Forum - community, help and support

After Effect warning: A problem occurred when processing OpenGL commands

Preconditions Failed. - Joomla! Forum - community, help and support