Joomla Templates Club 406,261 posts

[trvidea Friend trvideaJoin date: September 2010Posts: 5Downloads:0Uploads:1 Thanks: 2]

#156789

Hello,

I have created custom css styling for the content-bottom position and it works ok.

How can I duplicate the content-bottom position to be below the initial content-bottom
so I create a different css style?

Currently my css for the content-bottom position is:


/* Content Bottom ---*/
.ja-content-bottom {background: url(../images/my-picture.png) no-repeat 5px center !important;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 20px;
margin-left:3px;
line-height:20px !important;
font-family: Arial, sans-serif;
color: #fff;
height:190px;
font-size: 110%;
letter-spacing: 1px;
text-align: center;
float:none;
display:block;

}
.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; width:48%; float:left}

/* @end */


thank you very much in advance!

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#364344

Dear trvidea,

In order to duplicate content-bottom position, please go to templatesja_kyanite_iilayoutsblocksmain.php

search and edit code


<?php
$content_bottom = $this->getPositionName ('content-bottom');
if($this->countModules($content_bottom)) : ?>
<div class="ja-content-bottom clearfix">
<jdoc:include type="modules" name="<?php echo $content_bottom;?>" style="JAxhtml" />
</div>
<?php endif; ?>


to


<?php
$content_bottom = $this->getPositionName ('content-bottom');
if($this->countModules($content_bottom)) : ?>
<div class="ja-content-bottom clearfix">
<jdoc:include type="modules" name="<?php echo $content_bottom;?>" style="JAxhtml" />
</div>
<?php endif; ?>

<?php
$content_bottom2 = $this->getPositionName ('content-bottom2');
if($this->countModules($content_bottom2)) : ?>
<div class="ja-content-bottom clearfix">
<jdoc:include type="modules" name="<?php echo $content_bottom2;?>" style="JAxhtml" />
</div>
<?php endif; ?>


After that, go to templatesja_kyanite_iilayoutsdefault.php

search and edit code


'content-bottom' =>'content-bottom',


to


'content-bottom' =>'content-bottom',
'content-bottom2' =>'content-bottom2',


1 user says Thank You to Css Magician for this useful post

1. trvidea

[trvidea Friend trvideaJoin date: September 2010Posts: 5Downloads:0Uploads:1 Thanks: 2]

#364387

Thank you very much,

It worked !

/S

[Author]

Posts