How to Change Color When Tab Clicked

Question

Can someone let me know to change the color of a tab when it is clicked. For example, in the attached image you can see that when I click on 'Create a Security Policy Rule' and it shows the background color as Dark Grey. I would like to change the color from Dark Grey to say Light Grey or Red.

Can someone show me how to do that please?

Thanks

Carlton

Answer 1

You can use a tool like Firebug or similar for inspect the source code of your page directly in your browser, a tool like this give you information about the CSS selectors and the path to the files.

In this case, it seems that you have enabled the compression of code, add or change this code in your main css file:

#je_accord754.je_acc ul ul li:hover > a, 
#je_accord754.je_acc ul ul li.open > a, 
#je_accord754.je_acc ul ul li.active > a {
    background: #F08A36;
}

Also here you have an screenshot:

Answer 2

Hi I check it and this what you have to do, in you joomla go to template and in the files find this template/gk-news2/css/template css

I think you have a folder with this name template css in the left side you have a number find this number 738 in that line you have this code

and you have to change this:

je_accord754.je_acc > ul > li > a:hover, #je_accord754.je_acc > ul > li.active > a, #je_accord754.je_acc > ul > li.open > a { template css:738

color: #f08937 !important;
background: none !important;

change this: color: #f08937 !important;.... for this.... background-color: #f08937 !important; and delete this: background: none !important;

---

on your website in that menu click on what you want to change color, then click the right button and select inspect, reviews the code, in your right side is where are the css and there you can change color so you can see which is the one who does that change.

when you have it, look up, there is a league where it indicates the folder, go to your template and searches that folder and there you can change it. Also in that league you can see the number of that code

Answer 3

If you want to find where is the file, you have to put you mouse like in the photo, you can see there where is the source

When I right click and inspect I get the following