Shape 5

Joomla Templates => Touch of Soul - Club => : deafbiz November 28, 2009, 02:15:07 PM



: Changing color of S5 Tab Show
: deafbiz November 28, 2009, 02:15:07 PM
I'd like to change the Orange color into another color. I'm not able to find the CSS code or image.

Thanks for the assistance.


: Re: Changing color of S5 Tab Show
: mikek November 30, 2009, 11:41:15 AM
Hello, this is controlled by the highlight colors in the template configuration area.


: Re: Changing color of S5 Tab Show
: deafbiz November 30, 2009, 01:49:34 PM
Been looking all over in template.css. Can't even find a color hex code.
So would appreciate a slightly more detailed area.
Thanks.


: Re: Changing color of S5 Tab Show
: jmallow November 30, 2009, 02:13:43 PM

It's not there. You have to go to the Admin section, and go the Template Manager. Then click on the Touch of Souls template and configure it there.


: Re: Changing color of S5 Tab Show
: deafbiz November 30, 2009, 03:07:49 PM
Thanks for the explanation. I hope this will help others wanting to change tab colors. 


: Re: Changing color of S5 Tab Show
: chandell February 22, 2010, 07:22:07 AM

It's not there. You have to go to the Admin section, and go the Template Manager. Then click on the Touch of Souls template and configure it there.

Can you please be more specific? i want to change the colors as well

thank you.

Chandell


: Re: Changing color of S5 Tab Show
: Robin Lenard October 06, 2010, 08:51:58 AM
Want to change the dark color color instead of the orange.  Yes, for the orange setting is in the template manager but where can i find the dark color?

thx!


: Re: Changing color of S5 Tab Show
: mikek October 06, 2010, 11:00:28 AM
Hello,

The dark are controlled by the following template images:

/images/s5_ts_r.png
/images/s5_ts_l.png


: Re: Changing color of S5 Tab Show
: Robin Lenard October 07, 2010, 03:33:02 PM
how does that control dark part of the button? - when i open it up it's only a very thin line and it's very light grey color...


: Re: Changing color of S5 Tab Show
: mikek October 08, 2010, 08:11:05 AM
Hello,

I am sorry I was looking at the css wrong. Those images create the rounded corners over a background color on the li. If you edit template.css and search for:

.s5_ts_not_active {
background:#414141 url(../images/s5_ts_l.png) no-repeat top left;
}

It's at line 925. Just change the 414141 to a different hex color.