Help with change cufon gradient color for homepage teaser text.

(8 posts) (3 voices)

1. 

   allencrawley
   Member

   I need help changing the cufon gradient colors for the homepage teaser text.

   I've attached a screenshot of the color I want it to be.

   Here is my custom.js code starting at line 199 thru 215:

   Cufon.replace('h4,h5,#site_name,.dropcap1,.dropcap4,.teaser_large', { });
   			Cufon.replace('#blurb,#footer_teaser_text', { textShadow: '#f9f9f9 1px 1px' });
   			Cufon.replace('th,.light_gradient', {
   				color: '-linear-gradient(#fff, #175b87)',
   				hover: 'true'
   			});
   			Cufon.replace('h3', {
   				color: '-linear-gradient(#bbb, #888)'});
   			Cufon.replace('h1,.staged_slide h2, .partial_staged_slide h2, .floating_slide h2, .full_slide h2, #body_block_background h2,.widgettitle,.dropcap2,.dark_gradient', {
   				color: '-linear-gradient(#175b87, #002945)',
   				hover: 'true',
   				textShadow: '#fff 1px 1px'
   			});
   			Cufon.replace('.partial_gradient_slide h2', { });
   			Cufon.replace('.large_button', { textShadow: '0 -1px 0 #888888' });
   
   			Cufon.replace('.toggle_frame h4.toggle', {color: '-linear-gradient(#bbb, #888)',hover: 'false' });

   Could you instruct me on what to change here in order for the change to show in the homepage teaser?

   http://www.petrochem1.com

   Attachments

   1. Picture_9.jpg (69 KB, 6 downloads) 1 year old

   Posted 1 year ago #
2. 

   Elliott
   Support

   Hello allencrawley,

   If it's just the teaser text you can change this with CSS as there is no gradient being applied.

   Open up /wp-content/themes/awake/style.css and around line 364 you should see this,

   #blurb {
       color: #B4B4B4;
       font-size: 18px;
       font-weight: 200;
       letter-spacing: 1px;
       line-height: 24px;
       padding: 5px 0;
   }

   Let us know if that works for you.

   Posted 1 year ago #
3. 

   allencrawley
   Member

   I'm confused because when I checked my css as you suggested it has "color:#0d5076" which is a blue color but the color of the homepage teaser is gray (as seen in my screenshot). I don't think this is right. It also looks like a gradient as well?

   here is the what is listed in my css without any changes:
   #blurb{ font-size:18px; line-height:24px; font-weight:200; letter-spacing:1px; color:#0d5076;padding:5px 0;}

   here is a post I reference prior to asking for help and thought it applied to me as well but didn't seem to work:
   http://mysitemyway.com/support/topic/header-font-colors#post-6006

   Posted 1 year ago #
4. 

   Elliott
   Support

   Sorry, I missed the part about your homepage.

   The homepage has an H3 element inside so find this line,

   Cufon.replace('h3', {
   				color: '-linear-gradient(#bbb, #888)'});

   And right beneath that add this,

   Cufon.replace('#intro_blurb .inner h3');

   And that should take the gradient off. If you just want to change the color of the gradient then you would use the format above and just change the colors.

   Posted 1 year ago #
5. 

   allencrawley
   Member

   Thanks! It worked.

   Posted 1 year ago #
6. 

   Elliott
   Support

   Your welcome allencrawley, let us know if you need anything else.

   Posted 1 year ago #
7. 

   matthewlock
   Member

   What file is it that you change for this?

   Posted 12 months ago #
8. 

   Elliott
   Support

   Hello matthewlock,

   Here is a small tutorial on cufon with our themes, http://mysitemyway.com/support/topic/tutorial-using-cufon?message=support-forums-topic-status-updated.

   Posted 12 months ago #

RSS feed for this topic

Reply

You must log in to post.