0
Welcome Guest! Login
0 items Join Now

Gantry main body 3/7/2 possible?

Last Post
Search Topic

  • Gantry main body 3/7/2 possible?

    Posted 10 years 2 months ago
    • basically I want to make SA bigger than SB but only for certain pages (in my override template) is that possible? thank you!
    • Last Edit: 10 years 2 months ago by Katherine Lucas.
    #1133550
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Gantry main body 3/7/2 possible?

    Posted 10 years 2 months ago
    • Hi Katherine
      and welcome to the forums
      This image is hidden for guests.
      Please log in or register to see it.

      Katherine Lucas wrote:
      basically I want to make SA bigger than SB but only for certain pages (in my override template) is that possible? thank you!

      That positioning isn't available but can easily be CSS'd in.
      The normal structure of a 3-6-3 layout is this:
      <div class="rt-grid-3 rt-alpha">
    code.goes.here
</div>
<div class="rt-grid-6">
    code.goes.here
</div>
<div class="rt-grid-3 rt-omega">
    code.goes.here
</div>

      So in your
      rt_templateName-custom.css <-{Click the LINK }       file add this:
      .rt-grid-6 {
    width: 700px !important;
}

.rt-grid-3.rt-omega {
    width: 200px !important;
}
    #1133597

  • Re: Gantry main body 3/7/2 possible?

    Posted 10 years 2 months ago
    • Thanks for a quick reply - didn't mention this template is voxel - responsive. I do use the custom sheets and love them all the time with the other templates, this doesn't seem to be taking effect. - I want the left side to be 2 / 7/ 3 - sorry I reversed it the first time -
      Here is the page link LINK REMOVED - login is guest / guest (no rights) I want to home page to look the way it does and the other pages to do the 2/7/3. I just took this site over and it is in ALL articles or I would do it in mods and have control - but to transfer all these articles to mods - wow! Please help thanks!
    • Last Edit: 8 years 11 months ago by Kat05.
    #1133620
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Gantry main body 3/7/2 possible?

    Posted 10 years 2 months ago
    • Katherine Lucas wrote:
      Thanks for a quick reply - didn't mention this template is voxel - responsive. I do use the custom sheets and love them all the time with the other templates, this doesn't seem to be taking effect. - I want the left side to be 2 / 7/ 3 - sorry I reversed it the first time

      No problem. In your
      rt_voxel_responsive-custom.css <-{Click the LINK }       file add this:
      .rt-grid-3.sidebar-left.rt-pull-6 {
    width: 200px !important;
    left: -700px;
}

.rt-grid-6.rt-push-3 {
    width: 700px!important;
    left: 200px;
}
    #1133624

  • Re: Gantry main body 3/7/2 possible?

    Posted 10 years 2 months ago
    • unfortunately this throws off the reponsive feature of the template - any other ideas? :)
    #1133667
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: Gantry main body 3/7/2 possible?

    Posted 10 years 2 months ago
    • Katherine Lucas wrote:
      unfortunately this throws off the reponsive feature of the template - any other ideas? :)

      Yes - mediaqueries to the rescue. In your rt_templateName-custom.css file replace my earlier code with this:
      /* Large Mode */
@media only screen and (min-width: 1200px) {
    .rt-grid-3.sidebar-left.rt-pull-6 {
        width: 200px !important;
        left: -700px;
    }
    .rt-grid-6.rt-push-3 {
        width: 700px !important;
        left: 200px;
    }
}

/* Desktop Mode */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .rt-grid-3.sidebar-left.rt-pull-6 {
        width: 160px !important;
        left: -570px;}
    .rt-grid-6.rt-push-3 {
        width: 560px !important;
        left: 155px;
    }
}

/* Tablet Mode */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .rt-grid-3.sidebar-left.rt-pull-6 {
        width: 160px !important;
        left: -570px;}
    .rt-grid-6.rt-push-3 {
        width: 560px !important;
        left: 155px;
    }
}
    #1133919

  • Re: 768px view

    Posted 10 years 2 months ago
    • Hi there, still struggling with different devices - portrait width is still not right - please look at this REMOVED 768px width layout on these 3 column pages look bad, and also on 768px width the menu doesn't go to one line? can you help please? thanks! here's a 3 column page
    • Last Edit: 8 years 11 months ago by Kat05.
    #1139335
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: 768px view

    Posted 10 years 2 months ago
    #1139419

  • Re: 768px view

    Posted 10 years 2 months ago
    #1139620
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: 768px view

    Posted 10 years 2 months ago
    • Katherine Lucas wrote:
      sorry login for the site is user = guest / pass = guest - look at this page in 768 - thank you so much... midwayservices.com/anew/index.php?option...cle&id=44&Itemid=247

      Still not working for me -> responsinator.com

      This image is hidden for guests.
      Please log in or register to see it.


      As for the 768px I'm asking do you still want that at 3, 2 or 1 column?
    #1139622

Time to create page: 0.053 seconds