Cutline Image Header

• 

  jamesqpublic · Member · Jan 25, 2008 at 4:35 am

  • Copy link
  • Add topic to favorites

  I have a question about the cutline image header. I have the CSS upgrade and one of the things I wanted to do was make my blog a little wider. The problem is that I cannot find anywhere in the CSS to make the image wider. Is there a way to upload a new header image without using the custom image header upload in the control panel? Because that automatically crops the image to the old width of the site.

  My URL is http://jamesqpublic.com. There is also a dotted line above the nav that I cannot seem to find anywhere in the CSS either.

  Was hoping someone here had some experience with this and could provide some assistance.

  Thanks

• 

  thesacredpath · Member · Jan 25, 2008 at 4:44 am

  • Copy link

  You are going to have to add the header image into the CSS under #header_img with something similar to:

  background:transparent
    url(http://imageurl) repeat-x scroll 0%;

  The dotted line is part of a gif image background for the nav bar under ul#nav.

• 

  jamesqpublic · Member · Jan 25, 2008 at 4:55 am

  • Copy link

  Hey, thanks sacredpath! I’m trying to fix the issues now. I can tell you though that copying any part of the ul#nav to the custom part of my stylesheet makes the dots disappear which leaves a little too much white space. This seems to happen even if I just copy it over as is without adjusting the width.

• 

  thesacredpath · Member · Jan 25, 2008 at 5:02 am

  • Copy link

  Are you using Firefox? If so, download the Firebug addon. Once you use “Inspect” to find the stuff you want to modify, you can actually temporarily modify it in the CSS pane and see the result.

• 

  thesacredpath · Member · Jan 25, 2008 at 5:06 am

  • Copy link

  The width (length) of the dotted line is controlled by the “width” under ul#nav and it also controls the bottom line (at the top of the header image.

• 

  jamesqpublic · Member · Jan 25, 2008 at 5:23 am

  • Copy link

  ok so i figured out the dotted line issue. In the regular stylesheet it uses a relative path. I guess since I’m using my own domain I had to put in the full URL to the bg image (including the “/wp-content/themes/pub/cutline/” part)

  I’m going try adding a new header image now.

• 

  thesacredpath · Member · Jan 25, 2008 at 5:30 am

  • Copy link

  I’m pretty sure that in CSS you have to use the full URL rather than relative.

• 

  jamesqpublic · Member · Jan 25, 2008 at 5:33 am

  • Copy link

  worked like a charm. thanks sacredpath! I thought about adding it as a bg to the #header_img but I couldn’t figure out how it was calling it before. Your advice was spot on. Hopefully this will help others as well.

• 

  jamesqpublic · Member · Jan 25, 2008 at 5:34 am

  • Copy link

  Yes, you do have to use the full URL to the actual theme in wordpress. If you don’t know it you can get it from the URL your original stylesheet pops up on when you are looking at that.

• 

  thesacredpath · Member · Jan 25, 2008 at 5:37 am

  • Copy link

  You’re welcome and I was glad to be able to help. Indeed this could be useful for others modifying Cutline.