Jump to content


Photo

Make WHP Feature Page's height 20% lower


This topic has been archived. This means that you cannot reply to this topic.
6 replies to this topic

#1 jasonp

jasonp

    Advanced Member

  • Members
  • PipPipPip
  • 63 posts

Posted 12 January 2010 - 06:43 AM

Hi anyone -- is this possible with the custom code? I don't have much going on within the big featurebox on the right so was thinking if I could shrink the height of the blue area I'd be able to do some additionally fun things with the 3 sidebars below. All the best, Jason

#2 justin

justin

    Advanced Member

  • Members
  • PipPipPip
  • 39 posts

Posted 12 January 2010 - 08:21 AM

I have just been making changes to my /wp-content/themes/iBlogPro/style.css when needed. Do note though, when an upgrade to iBlog comes out, I have to merge my style.css with the version in the updated theme. Only thing that sucks. The Apple tool FileMerge makes this easy though. FileMerge is included with xCode and can be found in /Developer/Applications/Utilities. Send a link, and I can inspect your html with firebug and tell you which class/id you need to update in style.css.

#3 jasonp

jasonp

    Advanced Member

  • Members
  • PipPipPip
  • 63 posts

Posted 12 January 2010 - 03:01 PM

is there a good tutorial on how to work this code you could suggest to me? i'm on a PC, so no filemerge availability.

#4 jnoh

jnoh

    Advocate

  • Members
  • PipPipPipPipPip
  • 502 posts

Posted 12 January 2010 - 09:22 PM

@Justin You can also add the css modifications to the 'custom css' field in the Options >> Custom Code panel. This gets saved to your database and will follow you if/when you update your theme files. FileMerge is great too though if you like doing it that way.

@jasonp Shrinking the feature box simply by changing the code may end up looking strange because the background-image will get cutoff. Hm...

Try adding this to the custom css field:
#feature {height: 385px}
Change the size to something smaller.

If you want to use the feature boxes, maybe a full width page template would do the trick?

#5 jasonp

jasonp

    Advanced Member

  • Members
  • PipPipPip
  • 63 posts

Posted 13 January 2010 - 01:30 AM

Thanks jnoh. I happen to already have google analytics code there -- how do I do this so it doesn't cause problems?

#6 jnoh

jnoh

    Advocate

  • Members
  • PipPipPipPipPip
  • 502 posts

Posted 13 January 2010 - 05:46 PM

Oh jasonp, your google analytics code should be in the footer scripts and analytics portion, and the 'CSS Rules' field should be reserved to CSS customizations. Add that code to the "CSS Rules" field. After giving it a bit more consideration, I've realized the only way to shrink this box, would be to lose the background graphic elements, which might actually end up making the feature page look a little too bland. If this isn't a problem, I can help you do this. If not, you do have some options though. If you'd like I could walk you through creating a custom template that will allow you to utilize your smaller feature boxes.

#7 jasonp

jasonp

    Advanced Member

  • Members
  • PipPipPip
  • 63 posts

Posted 14 January 2010 - 07:05 AM

jnoh, i just gave you a livelink on another of your kind, helpful replies -- you'll see that your css mode to shorten the feature was actually a success! it still needs a few small tweaks but overall i'm pretty happy with it. much appreciate should go to the wonderful pagelines team.