We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (6)

Resolved width and extra position

0
Votes
Undo
  1. Mikkel
    Mikkel
  2. General Discussion
  3. Sunday, 23 November 2014
  4.  Subscribe via email
Hi there

Template:
t3_bs3_blank
Layout:
Home-2

1) Im looking for at way to make the default width of the right column 33% in staid of 25% and at the same time make the main-content 67% in staid of 75%. Both in big screen mode.
I tried to fix this with a custom.css, but it backfires on smaller screens.

css example:

.col-md-3 {
min-width:33%;
}

.col-md-9 {
max-width: 67%;
}

I can seem to find the Less file to make the prober fix.

2) I also need to add an extra position under the main content that uses the same css-style as the maincontent and keeps the right column on its right side.

Thank you for giving me a hand and thanks for a great framework.

MIkkel
Comment
There are no comments made yet.
Accepted Answer
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mikkel,

To add extra position under the main content, please open the mainbody files: "templates\t3_bs3_blank\tpls\blocks\mainbody" one by one then load a position in the MAIN CONTENT block. Here is a sample:
<!-- 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" />

    <jdoc:include type="modules" name="<?php $this->_p('position-1') ?>" style="T3Xhtml" />

</div>

<!-- //MAIN CONTENT -->


Here is the layout structure: http://easycaptures.com/fs/uploaded/929/7984504620.png

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Responses (6)
Jorge Gama
Jorge Gama
Accepted Answer Pending Moderation
0
Votes
Undo
Hello MIkkel. Maybe this might help you...

Since you are using the home-2 template style, the framework will load tpls/home-2.php which, in turn, loads tpls/blocks/mainbody-home-2.php. Now, depending on your module positions, the file tpls/block/mainbody.php (load in the previous file: mainbody-home-2.php) will load the main block content.

These blocks are: two-sidebar, one-sidebar-left, one-sidebar-right and no-sidebar. These files are located in the folder tpls/blocks/mainbody.

Based on what you wrote, having modules only on the right side of your page, I'll assume that the framework will load the block /tpls/blocks/mainbody/one-sidebar-right.php. Open this file for editing.

Find:


    <!-- MAIN CONTENT -->

    <div id="t3-content" class="t3-content col-xs-12 col-sm-8  col-md-9">


Replace:


    <!-- MAIN CONTENT -->

    <div id="t3-content" class="t3-content col-xs-12 col-sm-8  col-md-8">


Find:


    <!-- SIDEBAR RIGHT -->

    <div class="t3-sidebar t3-sidebar-right col-xs-12 col-sm-4  col-md-3 <?php $this->_c($vars['sidebar']) ?>">


Replace:


    <!-- SIDEBAR RIGHT -->

    <div class="t3-sidebar t3-sidebar-right col-xs-12 col-sm-4  col-md-4 <?php $this->_c($vars['sidebar']) ?>">


Have a look at Bootstrap's site about grids.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi guys,

Thank you @Jorge Gama for your great video tutorials.

@Mikkel: I added a reference for you that could help you with position re-size: http://www.joomlart.com/video-tutorials/t3-framework/how-to-re-size-positions-in-block

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Mikkel
Mikkel
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Guys

Thank you for your quick responce :)
For the widt i got it, but for the extra position am still a bit lost.

I made this site some time ago: http://svalbardtrekking.com/ have a look at the position "Getting here is cheaper and easier than you think" in the bottom of the front page. It keeps the right module on the right site of the text. (This website is not responsive). Have a look at my test site: http://www.thereefkohlipe1.com/index.php/rooms here i need a position under the main content that keeps the right module to its right.

I hope this makes sense.

Thanks again

/Mikkel
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Mikkel
Mikkel
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Gardner

You are spot on :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
You're welcome Mikkel :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.