Joomla Templates Club 406,261 posts

[zeus_dice Friend zeus_diceJoin date: February 2008Posts: 27Downloads:0Uploads:0]

#128585

Hi There

Firstly I would like to thank all for the wonderfull support.

I have three problems still with the template.

1. How Do i disable the user menu. I do not find that option in the index.php file
2. I have changed the entire background color. But it change the entire background of the entire template . I would like to know how can i change the outside template to blue and in center to white. The Center is where all the information views.
3. Where do I change the colour of the background for the modules eg Left. I want to change it to say red.

Please help . Thanks in Advance as always.

The below is the enter css file contents.

/*————————————————————————
# JA Avian 1.0 – Jan, 2008
# ————————————————————————
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license – Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com – http://www.joomlancers.com
————————————————————————-*/

/* COMMON STYLE
——————————————————— */
html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
background: #00AEEF;
color: #000000;
font-family: Tahoma ,Arial, Helvetica, sans-serif;
line-height: 1.5;
}

body#bd {
background: url(../images/grad1.gif) repeat-x full #FFFFFF;
color: #000000;
padding: 0 0 40px;
}

body.contentpane {
background: #000AFF;
color: #FFFFFF;
font-family: serif;
font-size: 12pt;
line-height: 140%;
margin: 1em 2em;
width: auto; /* Printable Page */
}

body.fs1 {
font-size: 9px;
}

body.fs2{
font-size: 10px;
}

body.fs3{
font-size: 11px;
}

body.fs4{
font-size: 12px;
}

body.fs5{
font-size: 13px;
}

body.fs6{
font-size: 14px;
}

/* Normal link */
a {
color: #000000;
text-decoration: none;
}

a:hover, a:active, a:focus {
color: #FFFFFF;
text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, .nftitle {
color: #000000;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createdate, .modifydate {
color: #000000;
font-size: 100%;
}

/* Heading */
h1 {
font-size: 175%;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 125%;
}

h4 {
font-size: 100%;
text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 15px 0;
padding: 0;
}

ul {
list-style: none;
}

ul li {
background: url(../images/bullet-list.gif) no-repeat 18px 8px;
line-height: 180%;
padding-left: 30px;
}

ol li {
line-height: 180%;
margin-left: 35px;
}

th {
font-weight: bold;
padding: 5px;
text-align: left;
}

fieldset {
border: none;
background: url(../images/hdot.gif) repeat-x bottom left;
padding-bottom: 20px;
}

fieldset a {
font-weight: bold;
}

hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #;
height: 1px;
}

a img {
border: none;
}

td, div {
font-size: 100%;
}

address {
font-style: normal;
}

/* FORM
——————————————————— */
form {
margin: 0;
padding: 0;
}

form label {
cursor: pointer;
}

input, select, textarea, .inputbox {
font-family: Tahoma, Arial, sans-serif;
font-size: 100%;
padding: 1px;
}

select, textarea, .inputbox {
background: #FFFFFF;
color: #000000;
}

.button {
background: url(../images/but-bg.gif) repeat-x center #000000;
border: 1px solid #000000;
color: #CCCCCC;
padding: 2px 8px;
}

* html .button, *+html .button {
padding: 2px 5px !important;
}

.inputbox {
background: #FFFFFF;
border: 1px solid #999999;
padding: 2px;
}

.inputbox:hover, .inputbox:focus {
background: #FFFFFF;
border: 1px solid #F09018;
}

/* BONUS TYPOGRAPHY STYLES
——————————————————— */
pre, .code {
background: #FF0000;
border-left: 5px solid #141414;
margin: 5px 0 15px;
padding: 10px 15px;
}

blockquote {
padding: 1em 40px 1em 15px;
}

blockquote span.open {
background: url(../images/so-q.gif) no-repeat left top;
padding: 3px 0 3px 20px;
}

blockquote span.close {
background: url(../images/sc-q.gif) no-repeat bottom right;
padding: 3px 20px 3px 0;
}

/* Blockquote home */
blockquote.home {
margin: 0 0 5px 0;
padding: 0;
}

.home span.open {
background: url(../images/open-q.gif) no-repeat left top;
padding: 1px 0 2px 15px;
}

.home span.close {
background: url(../images/close-q.gif) no-repeat right bottom;
padding: 2px 15px 1px 0;
}

/* Dropcap */
.dropcap {
color: #F09018;
display: block;
float: left;
font: 50px/40px Georgia, Times, serif;
padding: 2px 8px 0 0;
}

/* Tips, Error, Message, Hightlight*/
.error {
background: url(../images/bullet-error.gif) no-repeat top left;
color: #FF3131;
padding-left: 25px;
}

.message {
background: url(../images/bullet-info.gif) no-repeat top left;
color: #000000;
padding-left: 25px;
}

.tips {
background: url(../images/bullet-tips.gif) no-repeat top left;
color: #F09018;
padding-left: 25px;
}

.highlight {
font-weight: bold;
padding: 1px;
border-bottom: 1px dotted #F09018;
color: #F09018;
}

/* Note Style */
p.stickynote {
background: url(../images/sticky-bg.gif) no-repeat 10px 4px #424242;
border: 1px solid #4F4F4F;
padding: 10px 20px 20px 60px;
}

p.download {
background: url(../images/download-bg.gif) no-repeat 10px 6px #424242;
border: 1px solid #4F4F4F;
padding: 10px 20px 20px 60px;
}

.blocknumber {
clear: both;
padding: 5px 15px 10px;
position: relative;
}

/* Check list */
ul.checklist {
list-style: none;
}

ul.checklist li {
background: url(../images/checklist-bg.gif) no-repeat 3px 6px;
margin-left: 10px;
padding: 0 0 2px 20px;
}

/* Star list */
ul.stars {
list-style: none;
}

ul.stars li {
background: url(../images/bullet-star.gif) no-repeat 2px 4px;
margin-left: 10px;
padding: 0px 0 2px 20px;
}

/* Arrow list */
ul.arrow {
list-style: none;
}

ul.arrow li {
background: url(../images/list-arrow.gif) no-repeat 6px 6px;
margin-left: 10px;
padding: 0px 0 2px 20px;
}

/* Smallnumber */
ol.smallnumber {
list-style: none;
margin: 0;
padding: 0;
}

ol.smallnumber li {
line-height: 150%;
margin: 10px 0 10px 20px;
padding: 3px 0 5px 40px;
}

ol.smallnumber li.number-1 {
background: url(../images/n-1.gif) no-repeat left top;
}

ol.smallnumber li.number-2 {
background: url(../images/n-2.gif) no-repeat left top;
}

ol.smallnumber li.number-3 {
background: url(../images/n-3.gif) no-repeat left top;
}

ol.smallnumber li.number-4 {
background: url(../images/n-4.gif) no-repeat left top;
}

ol.smallnumber li.number-5 {
background: url(../images/n-5.gif) no-repeat left top;
}

ol.smallnumber li.number-6 {
background: url(../images/n-6.gif) no-repeat left top;
}

ol.smallnumber li.number-7 {
background: url(../images/n-7.gif) no-repeat left top;
}

ol.smallnumber li.number-8 {
background: url(../images/n-8.gif) no-repeat left top;
}

ol.smallnumber li.number-9 {
background: url(../images/n-9.gif) no-repeat left top;
}

/* Bignumber */
.bignumber {
background: url(../images/ol-bg.gif) no-repeat top left;
color: #FFFFFF;
display: block;
float: left;
font: bold 20px/normal Arial, sans-serif;
margin-right: 8px;
padding: 7px 7px 5px 7px;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
background: url(../images/icon-user.gif) no-repeat center left;
font-weight: bold;
margin-left: 15px;
padding-left: 15px;
}

div.bubble1 div {
background: url(../images/bub1-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}

div.bubble1 div div {
background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
margin: 0;
padding: 15px 15px 30px 15px;
width: auto;
}

div.bubble2 div {
background: url(../images/bub2-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}

div.bubble2 div div {
background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
margin: 0;
padding: 15px 15px 35px 15px;
width: auto;
}

div.bubble3 div {
background: url(../images/bub3-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}

div.bubble3 div div {
background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
margin: 0;
padding: 15px 15px 50px 15px;
width: auto;
}

div.bubble4 div {
background: url(../images/bub4-br.gif) no-repeat bottom right;
margin: 0;
width: 100%;
}

div.bubble4 div div {
background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
margin: 0;
padding: 15px 15px 55px 15px;
width: auto;
}

/* Legend */
.legend-title {
background: #0000FF;
display: block;
color: #000000;
float: left;
font-size: 100%;
font-weight: bold;
left: 7px;
margin: 0;
padding: 0 4px;
position: absolute;
top: -10px;
text-transform: uppercase;
}

.legend {
background: #0000FF;
border: 1px solid #4F4F4F;
margin: 15px 0;
padding: 0 10px;
position: relative;
}

/* JOOMLA STYLE
——————————————————— */
table.blog {
}

.article_seperator {
background: url(../images/hdot.gif) repeat-x center;
display: block;
height: 30px;
}

#ja-col1 .article_seperator, #ja-col2 .article_seperator {
display: none;
}

table.contentpane {
border: none;
width: 100%;
}

table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
}

table.contenttoc a {
}

table.contenttoc td {
background: url(../images/bullet-list.gif) no-repeat 10px 9px;
padding: 3px 5px 3px 22px;
}

table.contenttoc th {
background: #FFFFFF;
border: 1px solid #292929;
border-bottom-width: 5px;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
text-indent: 5px;
}

table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}

table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}

table.pollstableborder .sectiontableheader {
padding: 8px 5px !important;
}

table.pollstableborder img {
vertical-align: baseline;
}

table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 2px!important;
}

table.pollstableborder tr.sectiontableentry1 td {
background: #333333;
border: none;
}

table.pollstableborder tr.sectiontableentry2 td {
border: none;
}

table.searchintro {
padding: 10px 0;
width: 100%;
}

table.searchintro td {
padding: 5px !important;
}

table.adminform {
width: 500px !important; /*Control the Frontend Editor area width*/
}

.adminForm input.inputbox {
width: 200px !important;
}

.adminForm textarea.inputbox {
width: 335px !important;
}

.blog_more {
margin: 10px 0 20px;
background: #333333;
padding: 10px;
}

.blog_more strong {
display: block;
font-size: 155%;
margin: 0 0 8px;
}

.blog_more ul {
margin: 0;
padding: 0;
}

.blog_more ul li {
background: url(../images/bullet-list.gif) no-repeat 2px 9px;
margin: 0;
padding: 0 0 0 13px;
}

td.buttonheading {
padding: 0 0 0 8px!important;
text-align: center;
}

.category {
font-weight: bold;
}

.clr {
clear: both;
}

.componentheading {
background: url(../images/dot.gif) repeat-x bottom;
color: #CCCCCC;
font-size: 250%;
margin-bottom: 10px;
padding: 0 0 5px 0;
}

.contentdescription {
padding-bottom: 30px;
}

.contentheading {
font-size: 200%;
padding: 5px 0;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
color: #FFFFFF;
text-decoration: none;
}

a.readon {
display: block;
float: left;
padding: 1px 5px;
background: #333333;
border: 2px solid #333333;
}

a.readon:hover, a.readon:active, a.readon:focus {
background: #F09018;
border: 2px solid #333333;
text-decoration: none;
color: #000000;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}

.createdate {
}

.modifydate {
height: 15px;
}

.moduletable {
padding: 0;
}

.mosimage {
margin: 5px 15px 5px 0;
padding: 0 0 5px;
}

* html .mosimage {
margin: 5px 5px 10px 0;
padding: 0 !important; /*IE 6*/
}

*+html .mosimage {
margin: 5px 10px 10px 0;
padding: 0 !important; /*IE 7*/
}

.mosimage img {
margin: 0 !important;
padding: 0 !important;
}

.mosimage_caption {
margin-top: 3px;
padding: 1px 2px;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
border: 1px solid #FFFFFF;
color: #CCCCCC;
padding: 3px 6px;
text-decoration: none;
}

a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
background: #F09018;
color: #FFFFFF;
padding: 3px 6px;
text-decoration: none;
}

.pagenavbar {
background: url(../images/pages.gif) no-repeat center left;
padding-left: 14px;
}

.pagenavcounter {
background: url(../images/pages.gif) no-repeat 0 11px;
padding: 8px 14px 0 14px;
}

.sectiontableheader {
background: #FFFFFF;
border: 1px solid #000FF;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
}

tr.sectiontableentry1 td {
background: url(../images/hdot.gif) repeat-x bottom;
padding: 7px 5px;
}

tr.sectiontableentry2 td {
background: url(../images/hdot.gif) repeat-x bottom;
padding: 7px 5px;
}

.smalldark {
text-align: left;
}

div.syndicate div {
text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}

/* MAIN LAYOUT DIVS
——————————————————— */
#ja-wrapper {
clear: both;
margin: 0 auto;
width: 950px;
}

.narrow #ja-wrapper {
width: 770px;
}

/* PRIMARY COLUMN
——————————————————— */
#ja-content {
background: url(../images/content-center.gif) repeat-y;
float: left;
width: 58%;
}

#ja-content div.ja-innerpad {
clear: both;
display: block;
margin: 0;
padding: 0 0 0 3px;
}

/* SECONDARY COLUMNS
——————————————————— */
#ja-colwrap {
background: url(../images/col-center.gif) repeat-y center top;
float: right;
overflow: hidden;
width: 40%;
}

#ja-colwrap-top {
background: url(../images/col-top.png) no-repeat top;
}

#ja-colwrap-bot {
background: url(../images/col-bot.gif) no-repeat bottom;
overflow: hidden;
}

.narrow #ja-colwrap {
background: url(../images/col-center-n.gif) repeat-y center top;
}

.narrow #ja-colwrap-top {
background: url(../images/col-top-n.png) no-repeat top;
}

.narrow #ja-colwrap-bot {
background: url(../images/col-bot-n.gif) no-repeat bottom;
}

#ja-col1 {
float: left;
overflow: hidden;
width: 50%;
}

#ja-col1 div.ja-innerpad{
padding: 15px;
}

#ja-col2 {
float: right;
overflow: hidden;
width: 49.9%;
}

#ja-col2 div.ja-innerpad{
padding: 15px;
}

#ja-col1 table, #ja-col2 table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-col1 ul, #ja-col2 ul {
margin: 0;
padding: 0;
}

#ja-col1 ul li, #ja-col2 ul li {
background: url(../images/bullet-list.gif) no-repeat 2px 8px;
padding-left: 13px;
}

#ja-masscol .article_seperator {
display: none;
}

/* COLLAPSIBLE LAYOUT
——————————————————— */
#ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-f {
padding: 0;
}

#ja-container {
padding: 15px 0;
}

/* full */
#ja-containerwrap-f #ja-content {
float: none;
width: 100%;
}

/* content + col */
#ja-containerwrap-c #ja-content {
width: 76%;
}

#ja-containerwrap-c #ja-colwrap {
width: 22%;
background: none;
}

#ja-containerwrap-c #ja-colwrap-top {
background: none;
}

#ja-containerwrap-c #ja-colwrap-bot {
background: none;
}

#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
width: 100%;
}

/* HEADER
——————————————————— */
#ja-headerwrap {
position: relative;
z-index: 10;
}

#ja-header {
height: 150px;
position: relative;
z-index: 999;
}

h1.logo {
font-size: 300%;
height: 150px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 950px;
}

h1.logo a {
background: url(../) no-repeat;
display: block;
float: left;
height: 150px;
outline: none;
text-indent: -5000px;
text-transform: uppercase;
width: 950px;
}

/* MAIN NAVIGATION
——————————————————— */
#ja-mainnav {
height: 40px;
z-index: 10;
background: url(../images/mainnav-bg) repeat-x #FFFFFF;
position: relative;
}

#ja-mainnav a,
#ja-mainnav a:hover,
#ja-mainnav a:active,
#ja-mainnav a:focus {
outline: none;
}

#ja-mainnav span.separator {
display: block;
}

/* Default Joomla! Menu */
a.mainlevel {
color: #000000;
display: block;
padding: 6px 0 7px;
text-decoration: none;
text-indent: 5px;
width: 99%;
background: url(../images/hdot.gif) repeat-x bottom left;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
color: #F09018 !important;
text-decoration: none;
background: url(../images/hdot.gif) repeat-x bottom left #333333;
}

a.mainlevel#active_menu {
color: #000000;
font-weight: bold;
background: url(../images/mainlevel-active.gif) no-repeat bottom right;
}

a.sublevel {
background: url(../images/bullet-list.gif) no-repeat 5px 12px;
color: #CCCCCC;
display: block;
padding: 5px 4px 5px 15px;
text-decoration: none;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
color: #F09018;
text-decoration: underline;
}

#active_menu {
color: #F09018;
font-weight: bold;
}

/* Topnav */
#ja-topnav {
position: absolute;
top: 10px;
right: 20px;
}

#ja-topnav ul {
float: left;
margin: 0;
padding: 0;
}

#ja-topnav li {
background: none;
display: inline;
margin: 0;
padding: 0;
}

#ja-topnav li a {
background: url(../images/vline.gif) no-repeat center right;
display: inline;
padding: 0 10px;
color: #FFFFFF;
}

/* Pathway*/
#ja-pathway {
height: 27px;
line-height: 27px;
text-indent: 3px;
}

#ja-pathway img {
margin: 0 5px 1px;
}

#ja-pathway a {
}

/* MODULE
——————————————————— */
div.moduletable h3 {
color: #F09018;
font-size: 115%;
line-height: normal;
margin: 0 0 10px;
padding: 0 0 5px;
text-transform: uppercase;
border-bottom: 1px solid #4f4f4f;
}

div.moduletable {
padding: 10px 10px 15px;
margin: 10px 0 10px 10px;
}

#ja-topsl-col1 div.moduletable h3 {
margin: 0 -10px 8px;
padding: 5px 10px;
border: 1px solid #141414;
background: #252525;
}

#ja-topsl-col1 div.moduletable {
margin-top: 0;
margin-bottom: 0;
}

#ja-containerwrap-c div.moduletable,
#ja-topsl-col2 div.moduletable {
border: 1px solid #141414;
background: #FFFFFF;
}

#ja-topsl-col2 div.moduletable {
padding-bottom: 20px;
}

#ja-col1 div.moduletable {
margin: 5px 0 10px 15px;
}

#ja-col2 div.moduletable {
margin: 5px 5px 10px 0;
}

div.module h3 {
font-size: 115%;
margin: -16px -20px 10px;
padding: 0;
height: 33px;
line-height: 33px;
white-space: nowrap;
text-transform: uppercase;
text-align: center;
background: url(../images/h3-bg.png) no-repeat center;
}

div.module {
margin: 0 5px 15px;
overflow: hidden;
padding: 0;
}

div.module div {
padding: 0;
border: 1px solid #141414;
}

div.module div div {
padding: 15px 20px;
border: 1px solid #FFFFFF;
}

div.module div div div {
padding: 0;
border: none;
}

div.module div div div div {
overflow: hidden;
}

/* SPOTLIGHT
——————————————————— */
/* Spotlight Box Style */
.ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}

.ja-box-full {
float: none;
overflow: hidden;
margin: 0;
}

.ja-box-left div.moduletable {
margin: 0 5px 0 0;
}

.ja-box-right div.moduletable {
margin: 0 0 0 5px;
}

.ja-box-center div.moduletable {
margin: 0 5px;
}

/* Top Spotlight */
#ja-topsl {
margin: 10px 0;
background: url(../images/dot.gif) repeat-x bottom left;
padding-bottom: 10px;
}

#ja-topsl-main {
width: 58%;
float: left;
margin-top: 8px;
}

#ja-topsl-cols {
width: 40%;
float: right;
}

#ja-topsl-col1 {
width: 50%;
float: left;
}

#ja-topsl-col2 {
width: 50%;
float: right;
}

#ja-topsl ul {
margin: 0;
padding: 0;
}

#ja-topsl li {
background: url(../images/bullet-star.gif) no-repeat 4px 4px;
margin: 0;
padding-left: 22px;
}

#ja-topsl a.readon:hover, #ja-topsl a.readon:active, #ja-topsl a.readon:focus {
color: #FFFFFF;
}

/* Bottom Spotlight */
#ja-botsl {
clear: both;
padding: 0;
}

/* Common Style for Spotlight */
#ja-botsl ul {
margin: 0 0 0 2px;
padding: 0;
}

#ja-botsl li {
background: url(../images/bullet-list.gif) no-repeat 0 8px;
margin: 0;
padding-left: 12px;
}

#ja-topsl td, #ja-botsl td {
padding: 0;
}

#ja-topsl .article_seperator, #ja-botsl .article_seperator {
display: none;
}

#ja-topsl table, #ja-botsl table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-topsl a, #ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a, #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #CCCCCC;
}

/* FOOTER
——————————————————— */
#ja-footerwrap {
clear: both;
margin-top: 10px;
}

#ja-footer {
background: url(../images/dot.gif) repeat-x top;
clear: both;
padding: 10px 0 0;
position: relative;
}

#ja-footer small {
color: #999999;
display: block;
float: left;
font-style: normal;
line-height: normal;
padding: 4px 0 0 10px;
}

#ja-footer a {
text-decoration: none;
}

#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
text-decoration: underline;
}

/* USER TOOLS
——————————————————— */
#ja-usertoolswrap {
float: right;
margin-top: 12px;
width: 15px;
height: 20px;
display: block;
background: url(../images/arrow3.gif) no-repeat 50% 5px;
position: relative;
z-index: 99;
}

#ja-usertoolswrap:hover, #ja-usertoolswrap.ja-toolswraphover {
background: url(../images/arrow4.gif) no-repeat 50% 5px;
}

span.ja-sitetool {
margin: 0;
width: 15px;
height: 20px;
display: block;
cursor: pointer;
}

#ja-usertoolswrap:hover #ja-usertools,
#ja-usertoolswrap.ja-toolswraphover #ja-usertools {
display: block;
top: 20px;
right: 0;
}

#ja-usertools {
padding: 0;
float: right;
display: none;
background: #CCCCCC;
border: 1px solid #999999;
font-size: 11px;
position: absolute;
top: 100%;
}

#ja-usertools ul {
float: left;
margin: 0;
padding: 4px 5px 2px;
}

#ja-usertools li {
float: left;
display: block;
margin: 0;
padding: 0;
background: none;
line-height: normal;
}

#ja-usertools img {
padding: 0 2px;
}

/* MISCELLANOUS
———————————————————– */
ul.accessibility {
position: absolute;
top: -100%;
}

div.ja-innerdiv {
background: url(../images/hdot.gif) repeat-x bottom left;
margin: 0 -2px;
overflow: hidden;
padding: 8px 3px;
}

div.ja-innerdiv:hover {
background: url(../images/hdot.gif) repeat-x bottom left #333333;
}

#ja-banner {
clear: both;
display: block;
margin: 10px 0 0;
text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
}

/* Login Form */
#ja-login {
position: absolute;
bottom: 20px;
right: 0;
}

#ja-login form {
float: left;
}

#ja-login form label {
float: left;
}

label.ja-login-user span {
display: block;
float: left;
text-indent: -5000px;
background: url(../images/icon-user.gif) no-repeat center left;
width: 20px;
height: 20px;
}

label.ja-login-password span {
display: block;
float: left;
text-indent: -5000px;
background: url(../images/icon-key.gif) no-repeat center left;
width: 20px;
height: 20px;
}

#ja-login form input.button {
font-size: 11px !important;
float: left;
}

#ja-login form #mod_login_username,
#ja-login form #mod_login_password {
width: 110px;
margin: 1px 8px 0 0;
}

#ja-login form a {
padding-left: 5px;
border-left: 1px solid #CCCCCC;
}

/* Quick Jump */
#ja-qj {
display: block;
height: 28px;
position: absolute;
right: 10px;
top: 5px;
}

#ja-qj .inputbox {
color: #333333;
font-size: 11px;
margin: 2px 0 0;
padding: 2px 2px 2px 4px;
width: 165px;
}

/* search */
#ja-search {
background: url(../images/icon-search.gif) no-repeat center left;
padding-left: 20px;
position: absolute;
right: 8px;
top: 10px;
}

#ja-search .inputbox {
border: 1px solid #141414;
width: 150px;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus {
border: 1px solid #F09018;
}

/* RS Gallery elements */
ul#ja-rsmenu {
margin: 0;
padding: 0;
}

ul#ja-rsmenu li {
margin: 0;
padding: 0;
background: none;
}

.rsg2 div.moduletable {
margin: 20px 0 10px;
}

.rsg2-pageNav {
text-align: center;
}

div.rsg2-toolbar {
margin-top: 10px;
}

div.rsg2-toolbar a {
padding: 0;
text-transform: uppercase;
outline: none;
font-size: 125%;
font-weight: bold;
display: block;
position: relative;
height: 30px;
}

div.rsg2-toolbar a span {
position: absolute;
top: 25%;
left: 40%;
}

div.rsg2-toolbar a br {
display: none;
}

div.rsg2-toolbar a img {
position: absolute;
top: 0;
left: 12%;
}

/* Clearfix */
.clearfix:after {
clear: both;
content: “.”;
display: block;
height: 0;
visibility: hidden;
}

* html > body .clearfix {
display: block;
width: 100%;
}

* html .clearfix {
height: 1%;
}

/* Firefox Scrollbar Hack – Do not remove */
html {
height: 100% !important;
height: auto;
margin-bottom: 1px;
}

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#249455

Hi.
1.Disable User menu:
Plz go to Module manager, choose User menu to edit, then Unpublish that module
2.Change background color: template_css.css (line 25) :

body#bd {
background:#292929 url(../images/grad1.gif) repeat-x scroll center top;
color:#CCCCCC;
padding:0pt 0pt 40px;
}
Change 292929 as color you want
And change color of mainbody

#ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-f {template_css.css (line 917)

padding:0pt;
}

Change to

#ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-f {template_css.css (line 917)
background:white none repeat scroll 0% 50%;
padding:0pt;
}
You can change white as you want

[zeus_dice Friend zeus_diceJoin date: February 2008Posts: 27Downloads:0Uploads:0]

#249628

Hi There

Thank You so much . One more thing it is not the user menu i want to disable but the menu right on the top right hand corner that gives the user to change the color and text. In All the other templates you can do this in the index file but on this template i cant find that option.

Below is a example of what i can do in the other index.php file templates. i need to find the below in the JA Avian template. As i need to do three things here

1. Change the default color to blue
2. set width to auto
3. disable user options

# TEMPLATE CONFIGURATIONS ##########
####################################
#support extra color themes
$ja_color_themes = array(‘blue’,’orange’,’green’); // You can add more color array if needed
####################################
# Change the width of the template
$ja_width_default = ‘wide’; // ‘narrow’: 800×600; ‘wide’: 1024×768; ‘auto’: fluid width
# default color
$ja_color_default = ‘blue’; //blank for default, else pick one of in extra color themes $ja_color_themes
#font size default
$ja_font_size_default = 3;
# Enable users option
$ja_tool = 2; // 0: disable all; 1: disable color, enable screen; 2: enable color, disable screen; 3: enable all.
# Choose your prefer Menu Type
$ja_menutype = 1; // 1: Split Menu; 2: Son of Suckerfish Dropdown Menu; 3: Transmenu;
# END: TEMPLATE CONFIGURATIONS ##########

Once again thank you so much for the support

Regards

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#249661

Hi.
1. Change default color:

$ja_color_default = 'blue';
2.Set width to auto:

$ja_width_default = 'auto';
3.Disable user options:

$ja_tool = 0;

[zeus_dice Friend zeus_diceJoin date: February 2008Posts: 27Downloads:0Uploads:0]

#249691

Hi There

Thank You but the problem is that i cant find were to change the
1. $ja_color_default = ‘blue’;
2. $ja_tool = 0;
$ja_width_default = ‘auto’;

there is no option in the index.php file. Where can i locate to change this options

Thanks

3.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#249692

you can find them in ja_var.php

[zeus_dice Friend zeus_diceJoin date: February 2008Posts: 27Downloads:0Uploads:0]

#249698

Hi There

I selected the default color to blue. It only works on the home page If I select a different link it changes to orange. How can i fix this.

I have cleared my history and cache still the same

site is http://www.gonowauto.co.za

Thanks

[zeus_dice Friend zeus_diceJoin date: February 2008Posts: 27Downloads:0Uploads:0]

#249705

Hi There

It seems that i had to refresh each single page. Now all seems to be working

Once again thank you so much

Regards

[Author]

Posts