Realmac Software

Welcome to the RapidWeaver Community Forums, where you can chat with RapidWeaver users from around the world!

PageMix margins - help needed from CSS gurus please!

Hi everyone

Could really do with some CSS help regarding MultiThemes' PageMix theme. Here's what I can't figure out:

1. When I go with a vertical navigation only (using a RW Styled Text page for example) the main body section retains the top margin which is there to accommodate the 'page' navigation. I'm not going to use that style of navigation and really want to close up that gap - is there any way to do it?

2. On pages where there's a long body section (and it's longer than the sidebar), there's virtually no 'footer' margin in the browser window when scrolled down. Any way to increase it?

I'm trying to learn this stuff, honest! But any hand holding in the meantime would be much appreciated. I did also mail MultiThemes, but no reply as yet - maybe it's their policy not to give advice on theme mods.

Cheers

Robin

Comments

  • Ed BrennerEd Brenner TexasPosts: 3,332Moderators
    As for Question #1 this is the current CSS Styling...

    #contentContainer #top {
    height:60px;
    margin-top:-5px;
    position:relative;
    z-index:1;
    }

    ... in the Page Inspector> Header> CSS try the following...

    #contentContainer #top {
    height: 0px;
    }

    Our 3rd Party team is very responsive. If you don't hear from Michelangelo I would try emailing him again.
    myRapidWeaver
    FreeStack Theme
    MacSupportCasts
    { old forum post count = 6128 }
  • biggybiggy Posts: 8Members
    Thanks for getting back on this Ed. Now that was something I'd already tried directly in the theme's styles.css file. It does move the text up (hooray!) but it also moves up the shadow effect applied to the top of the contentContainer (boo), really screwing up the look of the thing.

    But I've just had a further play around and I see that modifying the side_content1 and side_content2 (shadow) values starts to remedy the problem. Looks do-able.

    Thanks for your input!

    Best wishes

    Robin
  • shukapawshukapaw AlaskaPosts: 1,827Members
    Hi Robin,

    I can help you reclaim a bit of that empty real estate at the top of the page:
    #pageHeader2{
    height:0;
    }
    

    On your "crowded footer" question I've come up with this:
    #contentContainer {
        margin-bottom:50px;
    }
    

    adjust the "50px" to suit your own tastes

    Hope this helps,

    Brian
    Come on over to my Stacks Store, El Stacko.... or else!

    Get some of the coolest, most eye-catching stacks available.
    Add the "wow-factor" your site deserves!
  • chakachaka Posts: 29Members
    But I've just had a further play around and I see that modifying the side_content1 and side_content2 (shadow) values starts to remedy the problem. Looks do-able.

    Hi biggy,

    did you find a solution with modifying the side_content1 and side_content2? I am struggling with the same problem here without a solution.

    Thanks for your answer.

    chaka
  • biggybiggy Posts: 8Members
    Gents - many thanks - just coming back to this after a very busy few days on other projects.

    Brian - the margin-bottom thing works perfectly - thanks so much. But whilst the #pageHeader2 height mod does the trick (partially) for text, it produces a very undesirable effect when there are also images aligned right or left, as I found out since there was one right at the top of my body content.

    chaka - I've ended up taking the #contentContainer #top height down to 0px, as suggested by Ed, and then setting #side_content1 and #side_content2 top values to 3px. This works for me, as I have all content and sidebar shadows turned off. When they're turned on the modified values interact with the shadows in ways I don't currently understand, and I quickly decided life's too short for me to try to reverse-engineer this with my limited grasp of it all right at the moment.

    Cheers

    Robin

Leave a Comment

bolditalicunderlinestrikecodeimageurlquotespoiler