Public Forums 71,145 posts

[mythodia Friend mythodiaJoin date: November 2010Posts: 18Downloads:0Uploads:2 Thanks: 7 Thanked: 3 times in 1 posts]

#200115

Hi to all.
I have a question. I want to resize sidebar 1 & 2. Do you know which file must change in order to reduce the width?
Thanks

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#543929

<em>@mythodia 438768 wrote:</em><blockquote>Hi to all.
I have a question. I want to resize sidebar 1 & 2. Do you know which file must change in order to reduce the width?
Thanks</blockquote>

check the documentation and look for the section Change position size in block

http://t3-framework.org/documentation/bs3-layout-system#define-block

1 user says Thank You to swissa for this useful post

1. mythodia

[mythodia Friend mythodiaJoin date: November 2010Posts: 18Downloads:0Uploads:2 Thanks: 7 Thanked: 3 times in 1 posts]

#543934

It works perfectly. Thanks!!!
But it would be awesome to explain and what the following code means because I used the example from the link

col-xs-6 col-md-2 col-md-pull-8

Thanks and sorry. I am in the learning procedure.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#543937

It comes from bootstrap – the core framework. BS is based on 12 columns (width) so you can adjust each one as per your wish. The xs/sm/md/lg refer to the screen size i.e. mobiles, tablets, desktops etc.

So your example is 6 columns on mobiles, 2 or 8 columns on desktop with pulls (column ordering) .

You can see the grid layout here with some examples.

Hope that points you in the right direction.

1 user says Thank You to swissa for this useful post

1. mythodia

[Author]

Posts