Edit Header CSS so pages and posts can override style.css

(8 posts) (3 voices)

1. 

   etensiveMEDIA
   Member

   Ho do I edit Header CSS so pages and posts html formatting can override style.css

   Posted 12 months ago #
2. 

   Elliott
   Support

   Hello etensiveMEDIA,

   If your wanting to edit the CSS you can do so by opening up your style.css file. You can also overwrite the style.css file by opening up one of your specific pages and inserting some CSS lines like so,

   <style type = 'text/css'>
   a { color: blue; }
   </style>

   Let us know exactly what your wanting to do and we'll be able to give you more instructions.

   Posted 12 months ago #
3. 

   etensiveMEDIA
   Member

   Hi- I need to edit the color of the headers on this page, tried editing the style.css, no luck:
   http://thegoodmanlawfirm.net/news-media/

   Posted 12 months ago #
4. 

   Ruderic
   Support

   Hello,

   What you want to change are headers, not links. This is the CSS code that you need:

   h2 {
       color: #111;
   }

   Posted 12 months ago #
5. 

   etensiveMEDIA
   Member

   Correct, I want to change HEADERS color. Edited line 244 of style.css as you suggested, no good.

   Posted 11 months ago #
6. 

   Ruderic
   Support

   Hello,

   Go to the theme folder and open the file "header.php". Just before the </head> tag, paste this code:

   <style type="text/css">
   #body_block h1, #body_block h2, #body_block h3 {
   color: #555;
   }
   </style>

   You will have to replace "555" with your own color.

   Posted 11 months ago #
7. 

   etensiveMEDIA
   Member

   Hi- you're not understanding my question, I want to edit the header text on this page http://thegoodmanlawfirm.net/news-media/

   For example: Newsletter, Goodman Law Firm Articles, etc.

   Posted 11 months ago #
8. 

   Ruderic
   Support

   Hello,

   Open the file "scripts/custom.js". In line #205 you will find this code:

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

   Replace it with:

   Cufon.replace('h3');

   In line #207, replace this code:

   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(#999, #4d4d4d)',
   				hover: 'true',
   				textShadow: '#fff 1px 1px'
   			});

   With this one:

   Cufon.replace('h1,.staged_slide h2, .partial_staged_slide h2, .floating_slide h2, .full_slide h2, #body_block_background h2,.widgettitle,.dropcap2,.dark_gradient', {
   				hover: 'true',
   				textShadow: '#fff 1px 1px'
   			});

   Now, you will be able to edit the color of those headers using the CSS code that I provided.

   Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.