Joomla Templates Club 406,261 posts

[sandylyle Friend sandylyleJoin date: November 2012Posts: 17Downloads:193Uploads:3 Thanks: 13 Thanked: 1 times in 1 posts]

#195902

Hi!

1. I would like to get the page a bit smaller. The page is maybe 1200 pixels or so now? I would like to make it only 1024 if thats possible.

2. And I would like the space for the left sidebar to be shorter. I think it takes up to much space.
How can I make the sidebar to go all the way to the left and the area shorter?

Thanks for great support!

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#527268

@sandylyle,
<blockquote>The page is maybe 1200 pixels or so now</blockquote>
Please open the file: templatesja_bizlessvariables.less find line and change:

[PHP]// Large screen / wide desktop
@container-large-desktop: ((1200px + @grid-gutter-width));[/PHP]

To:
[PHP]// Large screen / wide desktop
@container-large-desktop: ((1200px));[/PHP]

Then compiles Less to CSS.

<blockquote>And I would like the space for the left sidebar to be shorter</blockquote>

You can assign some modules to position: siderbar-1 or create a new css file named: custom.css in the templatesja_bizcss path and add the following rule:
[PHP].t3-sidebar-left .t3-module{
margin-bottom: 20px;
}[/PHP]

1 user says Thank You to Hayden A for this useful post

1. sandylyle

[sandylyle Friend sandylyleJoin date: November 2012Posts: 17Downloads:193Uploads:3 Thanks: 13 Thanked: 1 times in 1 posts]

#527716

Thanks.
But I want the modules in the position sidebar 1 to be to the left in the field so I can save some room.
Now there is a big gap at the left before the modules come in the sidebar 1.

Is there any way to get the modules in sidebar 1 to come all the way to the left in the space? And then make the whole colomn a bit less wide?

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#527976

@sandylyle,
<blockquote>Now there is a big gap at the left before the modules come in the sidebar 1.</blockquote>
You need to add this declaration to the file templatesja_bizcsscustom.css:
[PHP].main-container {
margin: 0 ;
}[/PHP]

<blockquote>Is there any way to get the modules in sidebar 1 to come all the way to the left in the space? And then make the whole colomn a bit less wide?</blockquote>
Please open the file templatesja_biztplsblocksmainbody-home.php and change:

From
[PHP]<!– MAIN CONTENT –>
<div id=”t3-content” class=”t3-content col-xs-12 col-sm-8 col-sm-push-4 col-md-9 col-md-push-3″>
<?php if($this->hasMessage()) : ?>
<jdoc:include type=”message” />
<?php endif ?>
<?php if ($this->checkSpotlight(‘spotlight-1’, ‘position-1, position-2, position-3’)) : ?>
<!– SPOTLIGHT 1 –>
<?php $this->spotlight(‘spotlight-1’, ‘position-1, position-2, position-3’) ?>
<!– //SPOTLIGHT 1 –>
<?php endif ?>

<jdoc:include type=”component” />

<?php if ($this->checkSpotlight(‘spotlight-2’, ‘position-4, position-5, position-6’)) : ?>
<!– SPOTLIGHT 2 –>
<?php $this->spotlight(‘spotlight-2’, ‘position-4, position-5, position-6’) ?>
<!– //SPOTLIGHT 2 –>
<?php endif ?>
</div>
<!– //MAIN CONTENT –>

<?php if ($this->countModules($sidebar1)) : ?>
<!– SIDEBAR LEFT –>
<div
class=”

To
[PHP]<!– MAIN CONTENT –>
<div id=”t3-content” class=”t3-content col-xs-12 col-sm-8 col-sm-push-4 col-md-8 col-md-push-4″>
<?php if($this->hasMessage()) : ?>
<jdoc:include type=”message” />
<?php endif ?>
<?php if ($this->checkSpotlight(‘spotlight-1’, ‘position-1, position-2, position-3’)) : ?>
<!– SPOTLIGHT 1 –>
<?php $this->spotlight(‘spotlight-1’, ‘position-1, position-2, position-3’) ?>
<!– //SPOTLIGHT 1 –>
<?php endif ?>

<jdoc:include type=”component” />

<?php if ($this->checkSpotlight(‘spotlight-2’, ‘position-4, position-5, position-6’)) : ?>
<!– SPOTLIGHT 2 –>
<?php $this->spotlight(‘spotlight-2’, ‘position-4, position-5, position-6’) ?>
<!– //SPOTLIGHT 2 –>
<?php endif ?>
</div>
<!– //MAIN CONTENT –>

<?php if ($this->countModules($sidebar1)) : ?>
<!– SIDEBAR LEFT –>
<div
class=”t3-sidebar t3-sidebar-left col-xs-12 col-sm-4 col-sm-pull-8 col-md-4 col-md-pull-8<?php $this->_c($sidebar1) ?>”>
<jdoc:include type=”modules” name=”<?php $this->_p($sidebar1) ?>” style=”T3Xhtml” />
</div>
<!– SIDEBAR LEFT –>
<?php endif ?>[/PHP]

Hope it helps.

1 user says Thank You to Hayden A for this useful post

1. sandylyle

[Author]

Posts