Joomla Templates Club 406,261 posts

[eneskose Friend eneskoseJoin date: December 2009Posts: 8Downloads:0Uploads:2 Thanks: 3]

#157919

Hi Joomlart Community,

i want to change the color of each section stripe. Every section another color. How can i manage this?

This will bring more color in teline 4…

---

Attachments:

1. 

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#369039

<em>@eneskose 211077 wrote:</em><blockquote>Hi Joomlart Community,

i want to change the color of each section stripe. Every section another color. How can i manage this?

This will bring more color in teline 4…</blockquote>

Please add the style into templatesja_teline_ivtemplate.css

.ja-zin .ja-zinsec:hover h2 {
background-image: url(../images/stripe-bg-hover.png);
background-color: #000;
}

.ja-zin .ja-zinsec:hover.red h2 {
background-color: #9c152d;
}

.ja-zin .ja-zinsec:hover.blue h2 {
background-color: #069;
}

.ja-zin .ja-zinsec:hover.cyan h2 {
background-color: #138bb3;
}

.ja-zin .ja-zinsec:hover.lime h2 {
background-color: #818800;
}

.ja-zin .ja-zinsec:hover.green h2 {
background-color: #3b7513;
}

.ja-zin .ja-zinsec:hover.orange h2 {
background-color: #bf5600;
}

.ja-zin .ja-zinsec:hover.brick h2 {
background-color: #e04b40;
}

.ja-zin .ja-zinsec:hover.pink h2 {
background-color: #a71269;
}

copy my attach file to templatesja_teline_ivimages

---

Attachments:

1. 

2 users say Thank You to Css Magician for this useful post

1. eneskose
2. dallacosta

[iboux Friend ibouxJoin date: June 2008Posts: 68Downloads:0Uploads:16 Thanks: 18]

#369060

<em>@duchh 211395 wrote:</em><blockquote>Please add the style into templatesja_teline_ivtemplate.css

copy my attach file to templatesja_teline_ivimages</blockquote>

hi Duchh, you havent attachec any files with your post. the colors of the sections don’t change with mouse over it. help again

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#369063

<em>@iboux 211423 wrote:</em><blockquote>hi Duchh, you havent attachec any files with your post. the colors of the sections don’t change with mouse over it. help again</blockquote>

my attached file , please check.

1 user says Thank You to Css Magician for this useful post

1. eneskose

[eneskose Friend eneskoseJoin date: December 2009Posts: 8Downloads:0Uploads:2 Thanks: 3]

#369081

Thank you duchh. Its worked perfectly..

[swedeboy Friend swedeboyJoin date: August 2008Posts: 78Downloads:0Uploads:5 Thanks: 17 Thanked: 4 times in 1 posts]

#369101

I’m trying to do the same on my site http://www.queermagazineonline.com/, so I have a question.

Do I need to add some extra code to the module?

Thanks,

Anders

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#369113

<em>@swedeboy 211472 wrote:</em><blockquote>I’m trying to do the same on my site http://www.queermagazineonline.com/, so I have a question.

Do I need to add some extra code to the module?

Thanks,

Anders</blockquote>

Anders,
Did you try to do as above steps? Just add more css code as per Duchh’s post 🙂

1 user says Thank You to Don Lee for this useful post

1. paulinahi

[swedeboy Friend swedeboyJoin date: August 2008Posts: 78Downloads:0Uploads:5 Thanks: 17 Thanked: 4 times in 1 posts]

#369117

<em>@Don Lee 211485 wrote:</em><blockquote>Anders,
Did you try to do as above steps? Just add more css code as per Duchh’s post :)</blockquote>

Yes I have add that code into templatesja_teline_ivtemplate.css

[iboux Friend ibouxJoin date: June 2008Posts: 68Downloads:0Uploads:16 Thanks: 18]

#369211

<em>@duchh 211426 wrote:</em><blockquote>my attached file , please check.</blockquote>

Hi Duchh,
can you pm me the file as i still can’t get it? thanks

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#369262

<em>@iboux 211618 wrote:</em><blockquote>Hi Duchh,
can you pm me the file as i still can’t get it? thanks</blockquote>

Right click on this LINK and select Save Link As or something like this (due to depend on browser).

[Author]

Posts