Results 1 to 6 of 6
  1. #1
    Join Date
    Jul 2012
    Posts
    99
    Plugin Contributions
    0

    Default Can't move the right column to the top.

    Hi, I tried to fix a layout issues on my website for many hours now. The worst thing is that I'm pretty sure someone will point me the solutions really easily, but my newbie eye in php and css can't find how to fix this.

    Here's the link to the store: http://fc4x4q.com/boutique/

    If you look on the right, the grey part is the right column. What I'm trying to do is to have it to touch the black bar. What I though I could do is to include the headerWrapper part (and navMainWrapper which is included in it) inside contentMainWrapper, so contentMainWrapper will move and go up...

    But I can't figure how to do that. Any help would be much appreciated.

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Can't move the right column to the top.

    Add to your stylesheet
    Code:
    #navColumnTwo {padding-left: 0; padding-right: 0;}
    #navColumnTwoWrapper {margin: -80px 0 0 0; padding: 5px 20px 0 30px; background: #eeeeee;}
    Ideally, find the existing rules for these elements and adjust them as shown. You may need to tweak the paddings to match your current layout exactly.

  3. #3
    Join Date
    Jul 2012
    Posts
    99
    Plugin Contributions
    0

    Default Re: Can't move the right column to the top.

    Thanks for the try gjh42 but it doesn't work. It just makes the column thinner. No vertical moves at all.

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Can't move the right column to the top.

    It worked when I tested it on your site in Firebug. You may have put the new rules before the existing rules, so that the old paddings overrode the new ones. You need to make sure there is no other #navColumnTwoWrapper rule that resets these properties.

  5. #5
    Join Date
    Jul 2012
    Posts
    99
    Plugin Contributions
    0

    Default Re: Can't move the right column to the top.

    Ok, don't go too far away. I'll retest it right now. Could be great to be able to fix this.

  6. #6
    Join Date
    Jul 2012
    Posts
    99
    Plugin Contributions
    0

    Default Re: Can't move the right column to the top.

    It worked! I made sure all the rules are at the same place so no more overwrote! I had to play a little with the padding as you said but now the right column is perfect! Thanks again for your help gjh42! I'll 2 other thread for 2 other layout problem I currently have. You're welcome to guide me there too!

 

 

Similar Threads

  1. v151 Can I move the description on all products page to right of image?
    By cshart in forum Basic Configuration
    Replies: 2
    Last Post: 16 Aug 2013, 05:08 PM
  2. Move Top Menu Links to the Right
    By carol2848 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 12 Jun 2011, 08:59 PM
  3. How would I move the template all the way to the right and fix an image to the
    By pityocamptes in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 15 Sep 2010, 05:45 AM
  4. Can I move the nav bar at the top of my page?
    By raguirre in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 3 Jan 2009, 08:28 PM
  5. I want to move the text from the main page to the right
    By Gladys_Pym in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 4 Jun 2007, 09:07 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg