Public Forums 71,145 posts

[david Friend davidJoin date: November 2017Posts: 18Downloads:3Uploads:0 Thanks: 4]

#1080120

Hi! Is there a way that I can change the default sidebar 25% and main content 50% distribution to 22% each sidebar and 56% the main content. (or simply 20% and 60%)
How do I have to edit this from /tpls/blocks/two-sidebar.php?

<div id="t3-mainbody" class="container t3-mainbody">
    <div class="row">

        <!-- MAIN CONTENT -->
        <div id="t3-content" class="t3-content col-xs-12 col-md-6  col-md-push-3">
            <?php if($this->hasMessage()) : ?>
            <jdoc:include type="message" />
            <?php endif ?>
            <jdoc:include type="component" />
        </div>
        <!-- //MAIN CONTENT -->

        <!-- SIDEBAR 1 -->
        <div class="t3-sidebar t3-sidebar-1 col-xs-6  col-md-3  col-md-pull-6 <?php $this->_c($vars['sidebar1']) ?>">
            <jdoc:include type="modules" name="<?php $this->_p($vars['sidebar1']) ?>" style="T3Xhtml" />
        </div>
        <!-- //SIDEBAR 1 -->

        <!-- SIDEBAR 2 -->
        <div class="t3-sidebar t3-sidebar-2 col-xs-6  col-md-3 <?php $this->_c($vars['sidebar2']) ?>">
            <jdoc:include type="modules" name="<?php $this->_p($vars['sidebar2']) ?>" style="T3Xhtml" />
        </div>
        <!-- //SIDEBAR 2 -->

    </div>
</div> 

Thank you!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1080169

Hi
The template is based on Bootstrap3 that use the style classes to set the width.
In the above code, you can see the col-md-3 is defined for the sidebar that is out of the 12.
Total width is 12. By this you can apply different width for different screen size.
Like xs-12 is for extra small.
If you would like to define a custom width you can apply it on the code or add a custom class and define the width in the custom.css file in %.

Regards

[Author]

Posts