RocketTheme - TOPIC: [Solved] Duotone titles

Welcome Guest! Login

0 items Join Now

- Vikram Rao
- Rocketeer
- Posts: 93
- Thanks: 0
- Consultant
SOLVED Duotone titles

Posted 13 years 11 months ago
- Can somebody help me make the widget titles in duotone in Novus or Afterburner
  
  Example : Widget Title or Recent Comments
  
  Thanks & Regards
- Last Edit: 13 years 11 months ago by Vikram Rao.
- Vikram Rao
  http://www.vikramrao.com
#494723
- Tyndie
- Preeminent Rocketeer
- Posts: 8803
- Thanks: 3
Re: SOLVED Duotone titles

Posted 13 years 11 months ago
- Hi Vikram,
  
  Can you provide a url to your site please, or is it the url in your signature?
#497114
- Vikram Rao
- Rocketeer
- Posts: 93
- Thanks: 0
- Consultant
Re: SOLVED Duotone titles

Posted 13 years 11 months ago
- No That is not the URL.
  
  Actually I am still working on my locally hosted Zend Server.
  
  I am using the Novus (WordPress) Theme and I want to make the first word of the Widget Title in a differrent color as it is done in the Qasar. As shown in the attachment.
  
  This image is hidden for guests.
  Please log in or register to see it.
- Vikram Rao
  http://www.vikramrao.com
#497271

Tyndie
Preeminent Rocketeer
Posts: 8803
Thanks: 3

Re: SOLVED Duotone titles

Posted 13 years 11 months ago

Hi Vikram,

Please try this:

Download the zipped javascript file, and extract and then upload the file rokfonts.js to the js folder in your themes directory.

Then in the header.php file in your theme directory, add the line:

 
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/rokfonts.js"></script>

Then afterwards in the header.php file add:

 
<script type="text/javascript"> 
  window.addEvent('domready', function() {
   var modules = ['side-mod', 'showcase-panel', 'moduletable', 'article-rel-wrapper'];
   var header = ['h3','h2','h1'];
   GantryBuildSpans(modules, header);
  });
  InputsExclusion.push('.content_vote')
  </script>

#497927

- Vikram Rao
- Rocketeer
- Posts: 93
- Thanks: 0
- Consultant
Re: SOLVED Duotone titles

Posted 13 years 11 months ago
- Hey Brian Thanks for the solution. You are too good man. Just one more question. Do we need to add some code to the CSS file too? if Yes What?
  
  Sorry to ask silly questions. I am totally new to programming and have just started experimenting my skills.
- Vikram Rao
  http://www.vikramrao.com
#497970

Tyndie
Preeminent Rocketeer
Posts: 8803
Thanks: 3

Re: SOLVED Duotone titles

Posted 13 years 11 months ago

Hi Vikram,

Try this for the second part of the code:

<script type="text/javascript">
  window.addEvent('domready', function() {
    var modules = ['side-mod', 'showcase-panel', 'moduletable', 'moduletable_menu', 'article-rel-wrapper'];
    var header = ['h3','h2','h1'];
    GantryBuildSpans(modules, header);
  });
  InputsExclusion.push('.content_vote')
  </script>

I had to add another div identifier in there, and for css:

try

h3 span {
color:#663366;
}

and replace the 663366 with the colour you would like to use.

#498000

- Vikram Rao
- Rocketeer
- Posts: 93
- Thanks: 0
- Consultant
Re: SOLVED Duotone titles

Posted 13 years 11 months ago
- Thanks a lot. Will do this now.
- Vikram Rao
  http://www.vikramrao.com
#498075

Time to create page: 0.051 seconds