0
Welcome Guest! Login
0 items Join Now

Template-width-changer for 12-column-layout of gantry

    • JSYMedia's Avatar
    • JSYMedia
    • Sr. Rocketeer
    • Posts: 134
    • Thanks: 1
    • Joomla plus Gantry

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 6 months ago
    • Yikes. I went through the site before and don't know how I missed that. It was enabled, my apologies. It is for sure turned off now. Don't mean to waste your time.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 6 months ago
    • I hope I calculated them right. Add this to your template.css of your Hybrid template
      and clear your cache

      div#rt-main .rt-grid-1, #rt-bottom .rt-grid-1 {width: 90px;}
      div#rt-main .rt-grid-2, #rt-bottom .rt-grid-2 {width: 180px;}
      div#rt-main .rt-grid-3, #rt-bottom .rt-grid-3 {width: 270px;}
      div#rt-main .rt-grid-4, #rt-bottom .rt-grid-4 {width: 360px;}
      div#rt-main .rt-grid-5, #rt-bottom .rt-grid-5 {width: 450px;}
      div#rt-main .rt-grid-6, #rt-bottom .rt-grid-6 {width: 540px;}
      div#rt-main .rt-grid-7, #rt-bottom .rt-grid-7 {width: 630px;}
      div#rt-main .rt-grid-8, #rt-bottom .rt-grid-8 {width: 720px;}
      div#rt-main .rt-grid-9, #rt-bottom .rt-grid-9 {width: 810px;}
      div#rt-main .rt-grid-10, #rt-bottom .rt-grid-10 {width: 990px;}
      div#rt-main .rt-grid-11, #rt-bottom .rt-grid-11 {width: 1080px;}
    • JSYMedia's Avatar
    • JSYMedia
    • Sr. Rocketeer
    • Posts: 134
    • Thanks: 1
    • Joomla plus Gantry

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 6 months ago
    • Ahh ~ that worked, thank you. It made the columns fill out, but the far right column is now the same width as it was before and I need it to be about one third wider. I assume I just need to play with the numbers in the code you provided.

      Thanks Henning. :cheesy:
    • JSYMedia's Avatar
    • JSYMedia
    • Sr. Rocketeer
    • Posts: 134
    • Thanks: 1
    • Joomla plus Gantry

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 6 months ago
    • Ahh ~ okay, I now realized I just needed to change the Gantry layout Mainbody to 8/4 and I'm all set. Thanks again for your help.
    • gtsp's Avatar
    • gtsp
    • Newbie
    • Posts: 2
    • Thanks: 0

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 6 months ago
    • David Goode wrote:
      I know Henning is mega busy this month so I will try and live up to his high standards for you all. :cheesy:

      I have just tested this step by step and it works for me on rt_tachyon_j16

      Download the attached zip file. Unzip it and then upload the file - mywidth.php - to your features directory in the template. For most people this will be via ftp to /public_html/your.domain/templates/rt_tachyon_j16/features

      Now open the /templates/rt_tachyon_j16/template-options.xml file and look for the code at line 117....
      <div class="text" id="{CB}" style="font-family: monospace;"><ol><li style="" class="li1"><fieldset name="features" label="FEATURES"></li><li style="" class="li2">    <field name="viewswitcher-priority" type="hidden" default="1"/></li><li style="" class="li1">    <field name="logo-priority" type="hidden" default="2"/></li><li style="" class="li2">    <field name="copyright-priority" type="hidden" default="3"/></li><li style="" class="li1">    <field name="styledeclaration-priority" type="hidden" default="4"/></li><li style="" class="li2"> </li></ol></div>
      ...and insert this code - <field name="dyngrid" default="60" type="text" class="text-short" label="mywidth"/> - so the file should now look like this...
      <div class="text" id="{CB}" style="font-family: monospace;"><ol><li style="" class="li1"><fieldset name="features" label="FEATURES"></li><li style="" class="li2">     <field name="dyngrid" default="60" type="text" class="text-short" label="mywidth"/>    </li><li style="" class="li1">     <field name="viewswitcher-priority" type="hidden" default="1"/></li><li style="" class="li2">    <field name="logo-priority" type="hidden" default="2"/></li><li style="" class="li1">    <field name="copyright-priority" type="hidden" default="3"/></li><li style="" class="li2">    <field name="styledeclaration-priority" type="hidden" default="4"/></li><li style="" class="li1"> </li></ol></div>
      Please note that the default is set to 60px, which is the same setting as the current template.
      Upload the amended file to replace the original.

      Now go to Joomla admin and select the rt_tachyon_j16 template and go to template admin. In the features tab you should now have an option called mywidth and it should be displaying the 60 width.
      &amp;lt;!-- ia1 --&amp;gt;screenshot-mywidth-tachyon16.png&amp;lt;!-- ia1 --&amp;gt;
      Just change the width to suit your needs and then apply. Remember that there are 12 columns so if you set the column width to 100 then you will deliver a screen width of 1200px.

      Hope this helps 8)
      Greetings everybody.
      I have a new installation of joomla 1.7.
      I have downloaded the template and have tried the steps above. I do get the "width" option under my features in my template, but it makes no difference what i type in there.

      I have also cleared my cache and all offlien items.

      Does somebody have a working solution to change the width of the template.
      I am using the rt_nebulae_j16 - Default template.

      can somebody please explain to me why a very simple feature like this has not been build into this and all the other templates. Why is all the templates not using the full screen. I can understand it it is related to resolution 800x600.. i dint think anybody uses this anymore.

      Why is it such a mission to chnage the width. As a paid member i am regretting my choice in theme provider. althou i have to say that rocketthems are good looking, but it is a damm nightmare to get them to work properly.

      Can somebody please assist with the width on the rt_nebulae_j16 - Default template.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 6 months ago
    • gtsp's Avatar
    • gtsp
    • Newbie
    • Posts: 2
    • Thanks: 0

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 6 months ago
    • Hi Henning.
      THANK YOU FOR THE QUICK REPLY!

      Yes i did upload the mywidth.php file into the features dir of the template.
      What i then tried, is the following.. I have changed the "60" to "100" and this worked! :mrgreen:
      <field name="dyngrid" default="60" type="text" class="text-short" label="mywidth"/>

      Let me try this on another theme.
      But thanks for the reply. I new feel better. This really had me frustrated :cheesy:
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 6 months ago
    • ahhh OK ... 60px is the default column width of the 960px grid system. still depends on the template how good this works. Most of the time its just fixing repeating backgrounds.
      As mentioned above it does not work so good on Hybrid and Paradox ...
    • Cheny's Avatar
    • Cheny
    • Newbie
    • Posts: 14
    • Thanks: 0

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 5 months ago
    • How do I remove the 240px padding so that my page will fit in the 520px facebook iframe width?
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Template-width-changer for 12-column-layout of gantry

    Posted 13 years 5 months ago
    • ummm in a width of 520px you surely dont want to use 6 columns.
      depending on the template the rt-templates have an inner "gutter" of 20 px (10px+10px) and a margin-right and left of 10px to the outside. Not sure why you want 240px padding.
      Each .rt-block has an inner padding of 15px ...

Time to create page: 0.125 seconds