Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • charles99 Friend
    #192785

    when I increased the container t3-mainbody area to 1200px, The content area and sidebar 1 and 2 did not adjust! and left space on the rightside of the template.

    Please see picture.

    So I need to know which file I need to edit in order to adjust these positions to the black line!

    Thanks


    1. mainbody
    TomC Moderator
    #514588

    It would be helpful if you could provide the url of the site you’re working on,
    as well as set “Optimize CSS” to “No” within your Template Manager–General settings

    Phill Moderator
    #514594

    I think I can see what you are attempting but maybe it is better done through the variables.less file.

    If you make your width changes where required to the code shown below in templates>ja_obelisk>less>variables.less then go into the template manager and press the “compile less to css” button, it takes a while, then you should be able to adjust your width as required.

    // GRID
    // --------------------------------------------------

    // Default 940px grid
    // -------------------------
    @T3gridWidth: 980px; // T3 add. For non-responsive layout.
    @gridColumns: 12;
    @gridGutterWidth: 20px;
    @gridColumnWidth: floor((@T3gridWidth - @gridGutterWidth * (@gridColumns - 1)) / @gridColumns);
    @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

    // 1200px min
    @T3gridWidth1200: 980px; // T3 add
    @gridGutterWidth1200: 20px;
    @gridColumnWidth1200: floor((@T3gridWidth1200 - @gridGutterWidth1200 * (@gridColumns - 1)) / @gridColumns);
    @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));

    // 980px-1199px
    @T3gridWidth980: 980px; // T3 add
    @gridGutterWidth980: 20px;
    @gridColumnWidth980: floor((@T3gridWidth980 - @gridGutterWidth980 * (@gridColumns - 1)) / @gridColumns);
    @gridRowWidth980: (@gridColumns * @gridColumnWidth980) + (@gridGutterWidth980 * (@gridColumns - 1));

    // T3 Add: 768px-979px
    @T3gridWidth768: 740px; // T3 add
    @gridGutterWidth768: 20px;
    @gridColumnWidth768: floor((@T3gridWidth768 - @gridGutterWidth768 * (@gridColumns - 1)) / @gridColumns);
    @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));

    // Fluid grid
    // -------------------------
    @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
    @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);

    // 1200px min
    @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
    @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);

    // 980px-1199px
    @fluidGridColumnWidth980: percentage(@gridColumnWidth980/@gridRowWidth980);
    @fluidGridGutterWidth980: percentage(@gridGutterWidth980/@gridRowWidth980);

    // T3 Extensed: 768px-979px
    @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
    @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);

    charles99 Friend
    #514595

    I think this is the first time I am sending you a thanks!

    Thanks!

Viewing 4 posts - 1 through 4 (of 4 total)

This topic contains 4 replies, has 3 voices, and was last updated by  charles99 10 years, 4 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum