Shape 5

Joomla Templates => Gamers - Club => : tnt713 March 27, 2017, 01:52:43 PM



: Changing colors for multiple elements
: tnt713 March 27, 2017, 01:52:43 PM
Greetings Team,

I'm using the Gamers template at my website and I'd like to make some wholesale changes to the template colors for text, backgrounds, links, etc, but I can't find all of the line numbers to make color changes to these elements in a single forum post. 

Specifically, I need to change the colors in the component, S5 Tab Show, several modules that inherit text colors, article title links, or practically anywhere there is text...  I understand that 3rd party extensions and modules won't be included. 

Please help!!!  Thanks in advance. 

TNT713


: Re: Changing colors for multiple elements
: jonahh March 28, 2017, 11:26:51 AM
Hello,

Have you tried using the developer tools in your browser to find where the colors, etc are located in the CSS? This might be the easiest route to take, its exactly how I would notify you of where these colors are located. You can hover over any HTML element with these tools and it'll show you exact line and CSS file the CSS is located styling the item.


: Re: Changing colors for multiple elements
: tnt713 March 28, 2017, 08:50:32 PM
Hello,

Have you tried using the developer tools in your browser to find where the colors, etc are located in the CSS? This might be the easiest route to take, its exactly how I would notify you of where these colors are located. You can hover over any HTML element with these tools and it'll show you exact line and CSS file the CSS is located styling the item.

Yes and No...  I use a developer tool that checks CSS in Firefox (not Firebug), but often there are several different CSS files linked to a specific element.  I use DreamWeaver for Search and Replace and often find upwards of 100+ instances in a specific CSS file when I'm searching font colors, element names, etc.  Since my post to this topic I've found several dozen of the elements I'm looking to change, but I thought having them in one place would help others as well. 

Even a general list of places to change items would help. 

Pretty please.  :-D LOL

TNT713



: Re: Changing colors for multiple elements
: jonahh March 29, 2017, 11:35:59 AM
Oh ok, yeah just thought it would be easier for you to use and then see instead of waiting for my reply.

1. To change the component text color, you can edit it here:

:
#s5_component_wrap_inner {
    color: #3a3a3a;
}

template.css line 794

2. The tab show can be edited by adding a font definition to your custom.css file:

:
#s5_button_content li {
    color: #ccc;}


3. Article title links:

:
.item h2 a, .item h2, .item-page h2, .item-page h2 a {
    color: #000000;
    margin-bottom: 15px;
}

template.css line 785


: Re: Changing colors for multiple elements
: tnt713 March 29, 2017, 07:20:26 PM
Thumbs up!   :D