Pilcrow Footer on First Page Only

• 

  librariantogo · Member · Feb 24, 2011 at 5:37 am

  • Copy link
  • Add topic to favorites

  Hi,

  I want to add the “first footer” widget to my Pilcrow themed blog, but I want it to show on the home page only. Is there a CSS code that would make this work? I’m referring to http://www.librariantogo.com. Thanks for your help!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Feb 24, 2011 at 7:30 am

  • Copy link

  This should do it, but do note that this targets that specific widget you have in the left footer widget area. If you change widgets, or add any others, they will then appear on all pages.

  .page #footer-widget-area #image-4 {
  display: none;
  }

• 

  librariantogo · Member · Feb 24, 2011 at 4:35 pm

  • Copy link

  Great, thanks! Out of curiosity, do you know why it is cutting off the rest of the image in my footer? It shouldn’t be just the left side that shows; it should be a continuous image throughout the footer. I know the images in posts are restricted to 550 pixels (or somewhere around there off the top pf my head), but I would imagine that the footer allows the same width as the header (990 pixels). I know it isn’t the actual image or image URL. Any thoughts? Thanks again for all of your help.

• 

  thesacredpath · Member · Feb 24, 2011 at 9:35 pm

  • Copy link

  That is because the two widget areas in the footer have a width of 49.4% (basically half the width of the footer area). You can add

  overflow: visible;

  to the above code and it will show the full image, but you will not be able to use the other (right) widget area.

• 

  librariantogo · Member · Feb 24, 2011 at 9:59 pm

  • Copy link

  How interesting! Ok, then is this correct for the full image?

  .page #footer-widget-area #image-4 {
  display: none; overflow: visible;
  }

  Thanks!

• 

  hallluke · Member · Feb 25, 2011 at 12:17 am

  • Copy link

  This is the code you’ll want to use:

  .page #footer-widget-area #image-4 {display:none;}
  #footer-widget-area #first {width:100%;}

• 

  librariantogo · Member · Feb 25, 2011 at 12:29 am

  • Copy link

  Thank you both! I REALLY appreciate all of your help!