Joomla Templates Club 406,261 posts

[uae Friend uaeJoin date: February 2006Posts: 19Downloads:0Uploads:4 Thanks: 2 Thanked: 2 times in 1 posts]

#151717

i want the title colors shown not hide not only when the mouse over they coming?

always appears no need for mouse over the section.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#346727

Dear uae

You open the file: modules/mod_janews2/assets/style.css and find the following css:

/*THEMES
————————————————*/
/* red —*/
.ja-zintheme-red:hover .ja-zinsec {
background: #9c162e;
}

.ja-zintheme-red:hover .ja-zincat h3,
.ja-zintheme-red:hover .ja-zincat h3 a {
color: #9c162e;
}

/* orange —*/
.ja-zintheme-orange:hover .ja-zinsec {
background: #a15e1b;
}

.ja-zintheme-orange:hover .ja-zincat h3,
.ja-zintheme-orange:hover .ja-zincat h3 a {
color: #a15e1b;
}

/* pink —*/
.ja-zintheme-pink:hover .ja-zinsec {
background: #ab1479;
}

.ja-zintheme-pink:hover .ja-zincat h3,
.ja-zintheme-pink:hover .ja-zincat h3 a {
color: #ab1479;
}

/* green —*/
.ja-zintheme-green:hover .ja-zinsec {
background: #3f7e15;
}

.ja-zintheme-green:hover .ja-zincat h3,
.ja-zintheme-green:hover .ja-zincat h3 a {
color: #3f7e15;
}

/* lime —*/
.ja-zintheme-lime:hover .ja-zinsec {
background: #808a17;
}

.ja-zintheme-lime:hover .ja-zincat h3,
.ja-zintheme-lime:hover .ja-zincat h3 a {
color: #808a17;
}

/* cyan —*/
.ja-zintheme-cyan:hover .ja-zinsec {
background: #1a8489;
}

.ja-zintheme-cyan:hover .ja-zincat h3,
.ja-zintheme-cyan:hover .ja-zincat h3 a {
color: #1a8489;
}

/* deepblue —*/
.ja-zintheme-deepblue:hover .ja-zinsec {
background: #145077;
}

.ja-zintheme-deepblue:hover .ja-zincat h3,
.ja-zintheme-deepblue:hover .ja-zincat h3 a {
color: #145077;
}

and replace:

/*THEMES
————————————————*/
/* red —*/
.ja-zintheme-red:hover .ja-zinsec {
background: #9c162e;
}

.ja-zintheme-red:hover .ja-zincat h3,
.ja-zintheme-red:hover .ja-zincat h3 a {
color: #9c162e;
}

/* orange —*/
.ja-zintheme-orange:hover .ja-zinsec {
background: #a15e1b;
}

.ja-zintheme-orange:hover .ja-zincat h3,
.ja-zintheme-orange:hover .ja-zincat h3 a {
color: #a15e1b;
}

/* pink —*/
.ja-zintheme-pink:hover .ja-zinsec {
background: #ab1479;
}

.ja-zintheme-pink:hover .ja-zincat h3,
.ja-zintheme-pink:hover .ja-zincat h3 a {
color: #ab1479;
}

/* green —*/
.ja-zintheme-green:hover .ja-zinsec {
background: #3f7e15;
}

.ja-zintheme-green:hover .ja-zincat h3,
.ja-zintheme-green:hover .ja-zincat h3 a {
color: #3f7e15;
}

/* lime —*/
.ja-zintheme-lime:hover .ja-zinsec {
background: #808a17;
}

.ja-zintheme-lime:hover .ja-zincat h3,
.ja-zintheme-lime:hover .ja-zincat h3 a {
color: #808a17;
}

/* cyan —*/
.ja-zintheme-cyan:hover .ja-zinsec {
background: #1a8489;
}

.ja-zintheme-cyan:hover .ja-zincat h3,
.ja-zintheme-cyan:hover .ja-zincat h3 a {
color: #1a8489;
}

/* deepblue —*/
.ja-zintheme-deepblue:hover .ja-zinsec {
background: #145077;
}

.ja-zintheme-deepblue:hover .ja-zincat h3,
.ja-zintheme-deepblue:hover .ja-zincat h3 a {
color: #145077;
}

Good luck

[uae Friend uaeJoin date: February 2006Posts: 19Downloads:0Uploads:4 Thanks: 2 Thanked: 2 times in 1 posts]

#346770

i did but nothing happen
i remove the hover tha’s i want it

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#346805

Dear uae!

It work on my site, pls give me the link to your site

Thanks

[martincg Friend martincgJoin date: January 2007Posts: 16Downloads:0Uploads:0 Thanks: 7]

#347160

hello tienhc: what exactly did you change between that two examples ? cant see any change

uae: how did you solve this ? could you send your modification please if it is possible, thank you ?

<em>@tienhc 182411 wrote:</em><blockquote>Dear uae

You open the file: modules/mod_janews2/assets/style.css and find the following css:

/*THEMES
————————————————*/
/* red —*/
.ja-zintheme-red:hover .ja-zinsec {
background: #9c162e;
}

.ja-zintheme-red:hover .ja-zincat h3,
.ja-zintheme-red:hover .ja-zincat h3 a {
color: #9c162e;
}

/* orange —*/
.ja-zintheme-orange:hover .ja-zinsec {
background: #a15e1b;
}

.ja-zintheme-orange:hover .ja-zincat h3,
.ja-zintheme-orange:hover .ja-zincat h3 a {
color: #a15e1b;
}

/* pink —*/
.ja-zintheme-pink:hover .ja-zinsec {
background: #ab1479;
}

.ja-zintheme-pink:hover .ja-zincat h3,
.ja-zintheme-pink:hover .ja-zincat h3 a {
color: #ab1479;
}

/* green —*/
.ja-zintheme-green:hover .ja-zinsec {
background: #3f7e15;
}

.ja-zintheme-green:hover .ja-zincat h3,
.ja-zintheme-green:hover .ja-zincat h3 a {
color: #3f7e15;
}

/* lime —*/
.ja-zintheme-lime:hover .ja-zinsec {
background: #808a17;
}

.ja-zintheme-lime:hover .ja-zincat h3,
.ja-zintheme-lime:hover .ja-zincat h3 a {
color: #808a17;
}

/* cyan —*/
.ja-zintheme-cyan:hover .ja-zinsec {
background: #1a8489;
}

.ja-zintheme-cyan:hover .ja-zincat h3,
.ja-zintheme-cyan:hover .ja-zincat h3 a {
color: #1a8489;
}

/* deepblue —*/
.ja-zintheme-deepblue:hover .ja-zinsec {
background: #145077;
}

.ja-zintheme-deepblue:hover .ja-zincat h3,
.ja-zintheme-deepblue:hover .ja-zincat h3 a {
color: #145077;
}

and replace:

/*THEMES
————————————————*/
/* red —*/
.ja-zintheme-red:hover .ja-zinsec {
background: #9c162e;
}

.ja-zintheme-red:hover .ja-zincat h3,
.ja-zintheme-red:hover .ja-zincat h3 a {
color: #9c162e;
}

/* orange —*/
.ja-zintheme-orange:hover .ja-zinsec {
background: #a15e1b;
}

.ja-zintheme-orange:hover .ja-zincat h3,
.ja-zintheme-orange:hover .ja-zincat h3 a {
color: #a15e1b;
}

/* pink —*/
.ja-zintheme-pink:hover .ja-zinsec {
background: #ab1479;
}

.ja-zintheme-pink:hover .ja-zincat h3,
.ja-zintheme-pink:hover .ja-zincat h3 a {
color: #ab1479;
}

/* green —*/
.ja-zintheme-green:hover .ja-zinsec {
background: #3f7e15;
}

.ja-zintheme-green:hover .ja-zincat h3,
.ja-zintheme-green:hover .ja-zincat h3 a {
color: #3f7e15;
}

/* lime —*/
.ja-zintheme-lime:hover .ja-zinsec {
background: #808a17;
}

.ja-zintheme-lime:hover .ja-zincat h3,
.ja-zintheme-lime:hover .ja-zincat h3 a {
color: #808a17;
}

/* cyan —*/
.ja-zintheme-cyan:hover .ja-zinsec {
background: #1a8489;
}

.ja-zintheme-cyan:hover .ja-zincat h3,
.ja-zintheme-cyan:hover .ja-zincat h3 a {
color: #1a8489;
}

/* deepblue —*/
.ja-zintheme-deepblue:hover .ja-zinsec {
background: #145077;
}

.ja-zintheme-deepblue:hover .ja-zincat h3,
.ja-zintheme-deepblue:hover .ja-zincat h3 a {
color: #145077;
}

Good luck</blockquote>

[uae Friend uaeJoin date: February 2006Posts: 19Downloads:0Uploads:4 Thanks: 2 Thanked: 2 times in 1 posts]

#347162

just remove the hover for all the colors and work 🙂 and alot thinks
try my changes
#ja-zinwrap {}

#ja-zin {}

#ja-zin .article_row {
margin: 0;
padding: 0;
font-family: Tahoma;
}

/* HEADING
——————————————— */
/* Section — */
.ja-zinsec {
background: #f7f7f7;
border-bottom: 1px solid #ddd;
color: #000;
padding: 0 15px;
position: relative;
}

.article_row .ja-zinsec {
background: #333;
color: #fff;
}

.article_row .ja-zinsec a {
color: #fff;
font-family: Tahoma;
}

.ja-zinsec h2 {
margin: 0 !important;
padding: 5px 0 !important;
font-size: 110%;
text-transform: uppercase;
}

.ja-zinsec h2 a {
color: #000;
}

/* Category — */
.ja-zincat h3 {
margin: 0 !important;
padding: 0 !important;
font-family: Arial, sans-serif;
font-size: 92%;
text-transform: uppercase;
float: left;
padding-right: 12px !important;
background: url(images/arrow-1.gif) no-repeat right center;
font-weight: normal;
font-family: Tahoma;
}

.ja-zincat h3 a {
color: #000;
}

/* News Title — */
h4.ja-zintitle {
margin: 0 0 5px !important;
padding: 0 !important;
font-weight: bold;
font-size: 100%;
font-family: Tahoma;}

/* CONTENT
——————————————— */
.ja-zincontent p {
margin: 5px 0 !important;
}

/* Image —*/
.ja-zinimg {
margin: 5px 0;
}

/* Meta —*/
.ja-zinmeta {
color: #999999;
line-height: normal;
}

/* More Links —*/
.ja-zinlinks {
padding-top: 5px;
font-size: 92%;
}

.ja-zinlinks strong {
color: #999999;
text-transform: uppercase;
font-weight: normal;
}

.ja-zinlinks ul {
padding: 0 !important;
margin: 0 !important;
}

.ja-zinlinks ul li {
padding: 0 0 0 10px !important;
background-position: 1px 5px !important;
margin: 3px 0 5px !important;
line-height: normal !important;
}

/*THEMES
————————————————*/
/* red —*/
.ja-zintheme-red
.ja-zinsec {
background: #9c162e;
}

.ja-zintheme-red .ja-zincat h3,
.ja-zintheme-red
.ja-zincat h3 a {
color: #9c162e;
}

/* orange —*/
.ja-zintheme-orange .ja-zinsec {
background: #a15e1b;
}

.ja-zintheme-orange .ja-zincat h3,
.ja-zintheme-orange .ja-zincat h3 a {
color: #a15e1b;
}

/* pink —*/
.ja-zintheme-pink .ja-zinsec {
background: #ab1479;
}

.ja-zintheme-pink .ja-zincat h3,
.ja-zintheme-pink .ja-zincat h3 a {
color: #ab1479;
}

/* green —*/
.ja-zintheme-green .ja-zinsec {
background: #3f7e15;
}

.ja-zintheme-green .ja-zincat h3,
.ja-zintheme-green .ja-zincat h3 a {
color: #3f7e15;
}

/* lime —*/
.ja-zintheme-lime .ja-zinsec {
background: #808a17;
}

.ja-zintheme-lime .ja-zincat h3,
.ja-zintheme-lime .ja-zincat h3 a {
color: #808a17;
}

/* cyan —*/
.ja-zintheme-cyan .ja-zinsec {
background: #1a8489;
}

.ja-zintheme-cyan .ja-zincat h3,
.ja-zintheme-cyan .ja-zincat h3 a {
color: #1a8489;
}

/* deepblue —*/
.ja-zintheme-deepblue .ja-zinsec {
background: #145077;
}

.ja-zintheme-deepblue .ja-zincat h3,
.ja-zintheme-deepblue .ja-zincat h3 a {
color: #145077;
}

/* MISC.
————————————————*/
/* Ghost container when moving —*/
.ja-ghost .article_row {
border: 2px solid #ddd;
background: #EBF2F7;
padding: 0;
}

.ja-ghost .inner {
padding-left: 15px;
padding-right: 15px;
}

.move {
border: 2px dotted #999 !important;
}

.move-wrap .article_row:hover .ja-zinsec {
background: #f7f7f7!important;
color: #000!important;
}

/* 1st & last row/column style —*/
.row-last {
border-bottom: 0 !important;
}

.ja-mod-inner {
position: relative;
}

2 users say Thank You to uae for this useful post

1. martincg
2. kandsgroup

[martincg Friend martincgJoin date: January 2007Posts: 16Downloads:0Uploads:0 Thanks: 7]

#347166

thank you very much uae , this is EXACTLY that kind of modification what i was looking for

[uae Friend uaeJoin date: February 2006Posts: 19Downloads:0Uploads:4 Thanks: 2 Thanked: 2 times in 1 posts]

#347200

welcome any time

[Author]

Posts