Header Height Increase

(6 posts) (3 voices)

1. 

   magnusch
   Member

   I'd like to increase the header height to allow for a larger logo. I'm using the "blue" skin w/ v2.3 of inFocus. I've read other dated posts that refer to a header.jpg located under '..themes/infocus/styles/', but in my case, there is no "blue" folder (only "glass", "grunge", "soft_lights"). I did find a header.png in the 'images' folder and a header.psd under '..psd/source/blue'. Incidentally, the header.png opened up in Photoshop black.

   Please advise on how I can increase the header height through edits to style.css and/or "header" image file resizing.

   Thanks in advance!

   Posted 8 months ago #
2. 

   Elliott
   Support

   Hello magnusch,

   Navigate to Dashboard -> inFocus -> General Settings -> Custom CSS and add this line,

   #header { height: 200px !important; }

   And then play around with the value until it looks right. You may also want to edit the /wp-content/themes/infocus/images/header.png image also.

   Posted 8 months ago #
3. 

   magnusch
   Member

   Thanks, Elliott. Another support post stated...

   "We run our final images through an image compressor to minimize filesize, which sometimes makes the transparent .png files turn black in Photoshop. I've attached the uncompressed header graphic below which shouldn't have that issue."

   I noticed the .png opened black in Photoshop for me as well. Should/Can I get a most recent copy of the header.png in uncompressed form? Thanks!

   Posted 8 months ago #
4. 

   Elliott
   Support

   Webtreats attached it to that thread, http://mysitemyway.com/support/topic/logo-resizing-placement#post-24566.

   Posted 8 months ago #
5. 

   magnusch
   Member

   Thanks. Just got it. I think I'm good!

   Posted 8 months ago #
6. 

   pentego
   Member

   Another issue solved by searching the forums....

   Jerry

   Posted 4 months ago #

RSS feed for this topic

Reply

You must log in to post.