Forum Support

Shape 5
March 29, 2024, 02:25:38 AM *
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: Module Title Text - Two different colors  (Read 539 times)
arias51
Jr. Member
**
Offline Offline

Posts: 62



« on: November 07, 2013, 07:14:48 PM »

 I was wondering if you could show me how I can split the color of the module title text into two different shades?

www.firingsquad.us

Example: Look at the 'Random Video' module on my site.
Would like to add that text style to some of the other suffix's.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: November 07, 2013, 07:24:44 PM »

Hello arias,

It will appear this way when you are not using a specific module class suffix override such as -lightgrayhighlight for example. It will just echo one of your highlight colors for the first word.

-Mike
Logged

Mike Nicoll
------------
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
arias51
Jr. Member
**
Offline Offline

Posts: 62



« Reply #2 on: November 07, 2013, 07:31:18 PM »

Can that code be added to a module suffix though?

Or can I use that echo in a custom suffix instead of declaring a specific color?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: November 07, 2013, 07:40:02 PM »

Hello,

You could add something like this to the index.php to target specific suffix's

.module_round_box-lightgrayhighlight h3 .s5_h3_first  {color:#<?php echo $s5_highlight_two; ?>;}

-Mike
Logged

Mike Nicoll
------------
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
arias51
Jr. Member
**
Offline Offline

Posts: 62



« Reply #4 on: November 07, 2013, 11:22:11 PM »

Awesome, thanks Mike. I'll give it a try.

EDIT:

Perfect!

Actually just had to add it to the template.css file under my new suffix and viola!  Cool
Used this instead...

.module_round_box-darkgrayRed .s5_h3_first {
   color:#c60000;   }

same premise though.

Thanks again for the help.
« Last Edit: November 07, 2013, 11:51:30 PM by Hobbs » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: November 08, 2013, 12:20:43 AM »

NP Smiley

-Mike
Logged

Mike Nicoll
------------
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
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.