0
Welcome Guest! Login
0 items Join Now

SOLVED Sizing mainbody

Last Post
Search Topic
    • Rob L.'s Avatar
    • Rob L.
    • Newbie
    • Posts: 8
    • Thanks: 0

    SOLVED Sizing mainbody

    Posted 10 years 6 months ago
    • Hi,

      My first post :)

      I've set up my Gantry layout so that the mainbody is 2-8-2. I would like it to be more like 2-6-4 or something like that. So I would like to be able to change the width of the center section and, consequently increase the width of sidebar-b.

      I've read numerous similar posts, tried some of the solutions, and for whatever reason, I'm just not getting it. I've set up a gantry-custom.css and have used it for the rocketnav menus on other sites (and on this site too before I switched menus) but I can't get any changes I make to have any effect. Hopefully if someone can get me through this issue, I'll be able to solve a lot of similar ones on my own :)

      The URL is eastpondweb.com/j31/ and I've attached a screenshot of the firebug session.

      Regards,
      Rob
    • Last Edit: 10 years 6 months ago by Rob L..
    #1031082
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED Sizing mainbody

    Posted 10 years 6 months ago
    • As a start .... don't use LESS syntax in a CSS file

      //#rt-mainbody {width:340px;} etc. makes all the code useless ...

      Use comments like:
      /*this is the way to comment*/
    #1031086
    • Rob L.'s Avatar
    • Rob L.
    • Newbie
    • Posts: 8
    • Thanks: 0

    Re: SOLVED Sizing mainbody

    Posted 10 years 6 months ago
    • So that hint got me a little further, however, I think there is still a misunderstanding on my end because I can't get all the way to where I need to be. I think the difficulty is that I would like the sidebar-a to be approximately 225px and sidebar-b to be approximately 450px and I'm not seeing how to uncouple them because it seems that any change I make to rt-grid-2 affects both. Please let me know where I'm going wrong.

      I added the following to my gantry-custom.css
      div.rt-grid-8 {width: 560px;}
div.rt-grid-2 {width: 225px;}
#rt-main .rt-container .rt-push-2 {left:185px}
#rt-main .rt-container .rt-pull-8 {left:-580px}

      and that made the center section smaller and shifted it to the left which is great, however I cannot get the sidebar-b section to be any wider than it is now. The pictures you see there are supposed to be next to each other, rather than on top. In Firebug I can see that the "container" for the module is only as wide as the white line above the pictures.

      Gantry 4.1.17
      Joomla 3.1.5
      URL = www.eastpondweb.com/j31/

      Regards,
      Rob
    #1031161
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED Sizing mainbody

    Posted 10 years 6 months ago
    • Remove or uncomment what you have added to your css.
      1. Instead of that find this file in the template-folder:
      gantry.config.php
      2. rename that file to
      bak_gantry.config.php
      3. download the file I attached and unzip it
      4. move that into your template folder
      5. clear joomla + gantry cache
      6. now you should be able to choose a 2-6-4 layout in the settings of your template
    #1031174
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: SOLVED Sizing mainbody

    Posted 10 years 6 months ago
    #1031175
    • Rob L.'s Avatar
    • Rob L.
    • Newbie
    • Posts: 8
    • Thanks: 0

    Re: SOLVED Sizing mainbody

    Posted 10 years 6 months ago
    • Excellent! Thanks for the assistance and the educational link. The new gantry.config.php file performed just as promised and I just needed a little tweaking afterward!

      Regards,
      Rob
    #1031385

Time to create page: 0.046 seconds