Forum Support

Shape 5
November 28, 2020, 04:30:57 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Changing colors for multiple elements  (Read 528 times)
tnt713
Jr. Member
**
Offline Offline

Posts: 8



« on: 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
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: 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.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
tnt713
Jr. Member
**
Offline Offline

Posts: 8



« Reply #2 on: 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

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: 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:

Code:
#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:

Code:
#s5_button_content li {
    color: #ccc;}


3. Article title links:

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

template.css line 785
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
tnt713
Jr. Member
**
Offline Offline

Posts: 8



« Reply #4 on: March 29, 2017, 07:20:26 PM »

Thumbs up!   Cheesy
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.