Joomla Templates Club 406,261 posts

[ahmansini1 Friend ahmansini1Join date: August 2014Posts: 51Downloads:12Uploads:0 Thanks: 19]

#705981

how to make the sidebars width smaller

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#706100

Here’s one way . . . .

Within file path —> /templates/ja_social_ii/css/rtl/features/bootstrap.css
at line 797, modify the “width” property – for example:


.col-md-3 {
width: 15%;
}

Of course, you can play around with the pixel value until you arrive at the result you’re most happy with.

Is that what you were looking to accomplish?

1 user says Thank You to TomC for this useful post

1. ahmansini1

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#752317

Here’s one way . . . .

Within file path —> /templates/ja_social_ii/css/rtl/features/bootstrap.css
at line 797, modify the “width” property – for example:


.col-md-3 {
width: 15%;
}

Of course, you can play around with the pixel value until you arrive at the result you’re most happy with.

Is that what you were looking to accomplish?

1 user says Thank You to TomC for this useful post

1. ahmansini1

[ahmansini1 Friend ahmansini1Join date: August 2014Posts: 51Downloads:12Uploads:0 Thanks: 19]

#706320

<em>@TomC 498498 wrote:</em><blockquote>Here’s one way . . . .

Within file path —> /templates/ja_social_ii/css/rtl/features/bootstrap.css
at line 797, modify the “width” property – for example:


.col-md-3 {
width: 15%;
}

Of course, you can play around with the pixel value until you arrive at the result you’re most happy with.

Is that what you were looking to accomplish?</blockquote>

didn’t work for me please help

[ahmansini1 Friend ahmansini1Join date: August 2014Posts: 51Downloads:12Uploads:0 Thanks: 19]

#752426

<em>@TomC 498498 wrote:</em><blockquote>Here’s one way . . . .

Within file path —> /templates/ja_social_ii/css/rtl/features/bootstrap.css
at line 797, modify the “width” property – for example:


.col-md-3 {
width: 15%;
}

Of course, you can play around with the pixel value until you arrive at the result you’re most happy with.

Is that what you were looking to accomplish?</blockquote>

didn’t work for me please help

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#706322

After you make/save the change – try clearing both your browser and JAT3 cache.

I tested the change in Firebug and it worked.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#752428

After you make/save the change – try clearing both your browser and JAT3 cache.

I tested the change in Firebug and it worked.

[azri445 Friend azri445Join date: April 2007Posts: 289Downloads:73Uploads:27 Thanked: 4 times in 1 posts]

#706323

i also trying to resize my sidebar-2 side, but after following the method and instruction, its not working on my side.

[azri445 Friend azri445Join date: April 2007Posts: 289Downloads:73Uploads:27 Thanked: 4 times in 1 posts]

#752429

i also trying to resize my sidebar-2 side, but after following the method and instruction, its not working on my side.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#706672

Hi @ahmansini1, @azri445,

Try providing your site url where I can check the sidebar or a mockup screenshot about your desire result so I can assist you better.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#752588

Hi @ahmansini1, @azri445,

Try providing your site url where I can check the sidebar or a mockup screenshot about your desire result so I can assist you better.

[ahmansini1 Friend ahmansini1Join date: August 2014Posts: 51Downloads:12Uploads:0 Thanks: 19]

#706930

already did

[ahmansini1 Friend ahmansini1Join date: August 2014Posts: 51Downloads:12Uploads:0 Thanks: 19]

#752648

already did

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#718775

Hi @ahmansini1,

You can open file templatesja_social_iitplsblocksmainbodytwo-sidebar-left.php then look for this line :

<div class="t3-sidebar col-xs-12 col-sm-4 col-sm-pull-8 col-md-6 col-md-pull-6">

decrease the sidebar container width (including 2 sidebars) :

<div class="t3-sidebar col-xs-12 col-sm-3 col-sm-pull-9 col-md-5 col-md-pull-7">

then look for this line :

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

increase the main body width as below :

<div id="t3-content" class="t3-content col-xs-12 col-sm-9 col-sm-push-3 col-md-7 col-md-push-5">

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#752757

Hi @ahmansini1,

You can open file templatesja_social_iitplsblocksmainbodytwo-sidebar-left.php then look for this line :

<div class="t3-sidebar col-xs-12 col-sm-4 col-sm-pull-8 col-md-6 col-md-pull-6">

decrease the sidebar container width (including 2 sidebars) :

<div class="t3-sidebar col-xs-12 col-sm-3 col-sm-pull-9 col-md-5 col-md-pull-7">

then look for this line :

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

increase the main body width as below :

<div id="t3-content" class="t3-content col-xs-12 col-sm-9 col-sm-push-3 col-md-7 col-md-push-5">

[Author]

Posts