Joomla Templates Club 406,261 posts

[Daniel Löf Friend Daniel LöfJoin date: September 2014Posts: 80Downloads:0Uploads:18 Thanks: 27 Thanked: 2 times in 1 posts]

#148322

Hi!

I want to align the whole template to the left side of the screen. I would also like to add one column that goes from top to bottom on the right side of the template so that the total width of my template plus the additional column is 1280 px. I would also like for the additional column to be a module position (for example right2) and with no padding.

Is this complicated?

Regards,

Daniel

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#332110

Hello Daniel!

Please open the file templatesja_rutileindex.php and find codes at line 84

<ul class=”accessibility”>
and replace:
<div id=”ja-global-wrapper”>
<ul class=”accessibility”>
2) find codes at line 259
<jdoc:include type=”modules” name=”debug” />
replace

</div>
<div id=”extra-right”>
<div class=”ja-innerpad”>
<jdoc:include type=”modules” name=”extra-right” style=”jarounded” />
</div>
</div>
<jdoc:include type=”modules” name=”debug” />

3) please open the file: templatesja_rutilecsstemplate.css and try to find codes at line 25:
body#bd {
color: #000000;
margin-top: 5px;
background: #F1F1F1;
}

body#bd {
color: #000000;
margin-top: 5px;
background: #F1F1F1;
width:1270px;
}

4) find codes at line 499:

#ja-wrapper {
width: 970px;
margin: 0 auto;
}

Replace:

#ja-wrapper {
width: 970px;
/* margin: 0 auto; */
}
#ja-global-wrapper {
float:left;
width:970px;
}
#extra-right{
background:blue;
float:right;
width:300px;
}

B) after made done, you put modules on the “extra-right” position.

good luck

ps: please back your files before customizing.

[Author]

Posts