Joomla Templates Club 406,261 posts

[cj3666 Friend cj3666Join date: May 2011Posts: 16Downloads:0Uploads:0 Thanks: 6]

#164177

You can change all this for a darker color as the picture? #ja-botsl

http://imageshack.us/photo/my-images/707/dibujojtj.png

I hope some help

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#392204

You replace this code from /templates/ja_kyanite_ii/css/template.css file


/* SPOTLIGHT

--------------------------------------------------------- */

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

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,

#ja-topsl .ja-box-full, #ja-botsl .ja-box-full {

background: none !important;

}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {

border-bottom: 0;

margin: 0;

padding: 15px 10px;

}

#ja-topsl li, #ja-botsl li {

background-position: 1px 7px;

padding-left: 10px;

}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,

#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }

with

/* SPOTLIGHT

--------------------------------------------------------- */

#ja-topsl .ja-box, #ja-botsl .ja-box {

padding: 0;

background: url(../images/dot3.gif) repeat-y right;

}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,

#ja-topsl .ja-box-full, #ja-botsl .ja-box-full {

background: none;

}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {

border-bottom: 0;

margin-bottom: 8px;

padding-bottom: 0;

}

#ja-topsl li, #ja-botsl li {

background-image: url(../images/bullet2.gif);

background-position: 1px 8px;

padding-left: 10px;

}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,

#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }

#ja-topsl a, #ja-botsl a {

color: #ccc;

text-decoration: none;

border-bottom: 1px dotted #ccc;

}

#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {

color: #fff;

text-decoration: none;

border-bottom: 1px solid #fff;

}

/* Top spotlight ---*/

#ja-topsl {

border-top: 1px solid #666;

border-bottom: 1px solid #666;

background: #444;

color: #ccc;

}

#ja-topsl .main { padding: 10px 0; }

#ja-topsl h3 {

margin: 0 0 8px;

padding: 0;

color: #fff;

background: none;

}

/* Bot spotlight ---*/

#ja-botsl {

background: #444;

color: #999;

}

#ja-botsl .main { padding: 10px 0; }

#ja-botsl .ja-moduletable, #ja-botsl .moduletable {

border-bottom: 0;

margin-bottom: 0;

}

#ja-botsl h3 {

margin: 0 0 8px;

padding: 0;

color: #fff;

background: none;

}

.ja-box-right .ja-moduletable, .ja-box-right .moduletable,

.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }

[cj3666 Friend cj3666Join date: May 2011Posts: 16Downloads:0Uploads:0 Thanks: 6]

#392241

Hello, thank you very much for your help, but when you insert the code I get this way.

excuse my English, if not entienes something please let me know.

http://imageshack.us/photo/my-images/189/problemud.png

:confused:

<em>@khoand 241725 wrote:</em><blockquote>You replace this code from /templates/ja_kyanite_ii/css/template.css file


/* SPOTLIGHT

--------------------------------------------------------- */

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

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,

#ja-topsl .ja-box-full, #ja-botsl .ja-box-full {

background: none !important;

}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {

border-bottom: 0;

margin: 0;

padding: 15px 10px;

}

#ja-topsl li, #ja-botsl li {

background-position: 1px 7px;

padding-left: 10px;

}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,

#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }

with

/* SPOTLIGHT

--------------------------------------------------------- */

#ja-topsl .ja-box, #ja-botsl .ja-box {

padding: 0;

background: url(../images/dot3.gif) repeat-y right;

}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,

#ja-topsl .ja-box-full, #ja-botsl .ja-box-full {

background: none;

}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {

border-bottom: 0;

margin-bottom: 8px;

padding-bottom: 0;

}

#ja-topsl li, #ja-botsl li {

background-image: url(../images/bullet2.gif);

background-position: 1px 8px;

padding-left: 10px;

}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,

#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }

#ja-topsl a, #ja-botsl a {

color: #ccc;

text-decoration: none;

border-bottom: 1px dotted #ccc;

}

#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {

color: #fff;

text-decoration: none;

border-bottom: 1px solid #fff;

}

/* Top spotlight ---*/

#ja-topsl {

border-top: 1px solid #666;

border-bottom: 1px solid #666;

background: #444;

color: #ccc;

}

#ja-topsl .main { padding: 10px 0; }

#ja-topsl h3 {

margin: 0 0 8px;

padding: 0;

color: #fff;

background: none;

}

/* Bot spotlight ---*/

#ja-botsl {

background: #444;

color: #999;

}

#ja-botsl .main { padding: 10px 0; }

#ja-botsl .ja-moduletable, #ja-botsl .moduletable {

border-bottom: 0;

margin-bottom: 0;

}

#ja-botsl h3 {

margin: 0 0 8px;

padding: 0;

color: #fff;

background: none;

}

.ja-box-right .ja-moduletable, .ja-box-right .moduletable,

.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }

</blockquote>

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#392258

Could you give me a link to your website?

[cj3666 Friend cj3666Join date: May 2011Posts: 16Downloads:0Uploads:0 Thanks: 6]

#392262

even I have my site http://localhost/ apologize. that you think would be the ruling?

<em>@khoand 241796 wrote:</em><blockquote>Could you give me a link to your website?</blockquote>

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#392263

It is quite hard for us to work out without a link, it is not a rule but it does save us a lot of effort.

In this case I suggest you use the Firefox browser with the Firebug extension installed. It will allow you to very quickly work out what css controls what.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#394248

You open /templates/ja_kyanite_ii/css/template.css file,
+ add this code

div.ja-botsl .ja-box-tl{
background:#444;
}

+ find this code

#ja-container {
position: relative;
z-index: 5;
padding: 10px 0;
border-bottom: 5px solid #CCC; <add this line
}

[Author]

Posts