Archived

This topic is now archived and is closed to further replies.

  • 0

Make WHP Feature Page's height 20% lower

Question

Posted · Report post

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

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

@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?

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites