Jump to content
Sign in to follow this  
jasonp

Make WHP Feature Page's height 20% lower

Recommended Posts

jasonp    0
jasonp

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
justin    0
justin

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
jasonp    0
jasonp

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
jnoh    0
jnoh

@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
jasonp    0
jasonp

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
jnoh    0
jnoh

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
jasonp    0
jasonp

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×