Joomla Templates Club 406,261 posts

[suzon02 Friend suzon02Join date: July 2014Posts: 7Downloads:0Uploads:1 Thanks: 3]

#200025

How can I solve this issue?

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#543553

we can achieve only like the image attached below, please confirm so i can suggest you

---

Attachments:

1. 

1 user says Thank You to chavan for this useful post

1. suzon02

[suzon02 Friend suzon02Join date: July 2014Posts: 7Downloads:0Uploads:1 Thanks: 3]

#543563

Please let me know.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#543575

Go to this File: /templates/ja_playmag/css/template.css

1. Replace this code

@media (min-width: 768px) {
.has-slideshow .t3-mast-top-1 {
margin-top: -100px;
}
}

with

@media (min-width: 768px) {
.has-slideshow .t3-mast-top-1 {
margin-top: -100px;
}
}

2. Replace this code

@media (min-width: 1200px) {
.has-slideshow .t3-sidebar-2,
.has-slideshow .one-sidebar-right .t3-sidebar {
margin-top: -560px;
}
}

with

@media (min-width: 1200px) {
.has-slideshow .t3-sidebar-2,
.has-slideshow .one-sidebar-right .t3-sidebar {
margin-top: 0px;
}
}

[suzon02 Friend suzon02Join date: July 2014Posts: 7Downloads:0Uploads:1 Thanks: 3]

#543611

Thanks Chavan. I did modify but it did not work out.

[suzon02 Friend suzon02Join date: July 2014Posts: 7Downloads:0Uploads:1 Thanks: 3]

#543633

Anything modify in template.css, not getting any output.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#543656

can you please post your site Url.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#543772

@suzon02,

Please try with my suggestion:

– Open file: /templates/your_template_name/tpls/blocks/mainbody/one-sidebar-right.php then replace this code:

<div id="t3-mainbody" class="container t3-mainbody one-sidebar-right">
<div class="row">

<!-- MAIN CONTENT -->
<div id="t3-content" class="t3-content col-xs-12 col-sm-12 col-md-9">
<!-- MAST TOP 1-->
<?php if ($this->countModules('mast-top-1')) : ?>
<div class="t3-mast-top-1 <?php $this->_c('mast-top-1') ?>">
<jdoc:include type="modules" name="<?php $this->_p('mast-top-1') ?>" style="T3Xhtml" />
</div>
<?php endif; ?>
<!-- //MAST TOP 1-->

<!-- CONTENT MAST TOP -->
<?php if ($this->countModules('content-mast-top')) : ?>
<div class="t3-content-mast-top <?php $this->_c('content-mast-top') ?>">
<jdoc:include type="modules" name="<?php $this->_p('content-mast-top') ?>" style="T3Xhtml" />
</div>
<?php endif; ?>
<!-- //CONTENT MAST TOP -->
<?php if($this->hasMessage()) : ?>
<jdoc:include type="message" />
<?php endif ?>
<jdoc:include type="component" />
</div>
<!-- //MAIN CONTENT -->

<!-- SIDEBAR RIGHT -->
<div class="t3-sidebar t3-sidebar-right col-xs-12 col-sm-4 col-md-3 <?php $this->_c($vars['sidebar']) ?>">
<jdoc:include type="modules" name="<?php $this->_p($vars['sidebar']) ?>" style="T3Xhtml" />
</div>
<!-- //SIDEBAR RIGHT -->

</div>
</div>

With:

<div id="t3-mainbody" class="container t3-mainbody one-sidebar-right">
<div class="row">

<!-- MAIN CONTENT -->
<div id="t3-content" class="t3-content col-xs-12 col-sm-12 col-md-12">
<!-- MAST TOP 1-->
<?php if ($this->countModules('mast-top-1')) : ?>
<div class="t3-mast-top-1 <?php $this->_c('mast-top-1') ?>">
<jdoc:include type="modules" name="<?php $this->_p('mast-top-1') ?>" style="T3Xhtml" />
</div>
<?php endif; ?>
<!-- //MAST TOP 1-->

<!-- CONTENT MAST TOP -->
<?php if ($this->countModules('content-mast-top')) : ?>
<div class="t3-content-mast-top <?php $this->_c('content-mast-top') ?>">
<jdoc:include type="modules" name="<?php $this->_p('content-mast-top') ?>" style="T3Xhtml" />
</div>
<?php endif; ?>
<!-- //CONTENT MAST TOP -->
</div>
<!-- //MAIN CONTENT -->

<div class="row">
<div class="t3-content-custom col-xs-12 col-sm-4 col-md-9">
<?php if($this->hasMessage()) : ?>
<jdoc:include type="message" />
<?php endif ?>
<jdoc:include type="component" />
</div>
<!-- SIDEBAR RIGHT -->
<div class="t3-sidebar t3-sidebar-right col-xs-12 col-sm-4 col-md-3 <?php $this->_c($vars['sidebar']) ?>">
<jdoc:include type="modules" name="<?php $this->_p($vars['sidebar']) ?>" style="T3Xhtml" />
</div>
<!-- //SIDEBAR RIGHT -->
</div>
</div>
</div>

– Create new file called “custom.css” in “/templates/your_template_name/css/” then add this rule:

#t3-mainbody .t3-sidebar.t3-sidebar-right {
margin: 0;
}

Here is result: http://easycaptures.com/fs/uploaded/809/6095296465.jpg

Let me know if this helps

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#544086

@suzon02,

<blockquote>Thanks Nazário. It worked but slideshow has black spot on the right. I want it to be a full screen. that is Width 1200, Hieght 800</blockquote>

Please open file: /templates/your_template_name/css/custom.css then add this rule:

.ja-slideshow .col-sm-12.col-md-8.col-lg-9 {
height: 100%;
width: 100%;
}

Let me know if this helps

[suzon02 Friend suzon02Join date: July 2014Posts: 7Downloads:0Uploads:1 Thanks: 3]

#544223

It worked. Thanks a lot. Keep up your good work.

[Author]

Posts