Joomla Templates Club 406,261 posts

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#192423

Hello,
I changed the position of my slideshow to be fixed (because I want it to be in that shape)
http://108.163.201.174/~alumma/

mod_jaslideshow/assets/themes/default/style.css
.ja-slide-item img
position: fixed;

The slideshow goes down if I scrolled the page.
I know that is correct due to the code I added but I want to fix that issue to be similar like ww.jw.org
or if you advice me with a slideshow that works like http://www.jw.org

Thanks in advance.

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#513042

Anyone can help ??

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#513079

About the customize css style of JA Slideshow module here

Open modules/mod_jaslideshow/assets/themes/default/style.css file

.ja-slide-item img {
background: #000;
position: fixed;
}

You need rollback and rid of position: fixed;

We have other site JA Methys Template: http://joomla-templates.joomlart.com/ja_methys/ is using same as site of your request but currently on your site have some customized about positions difference with JA Mitius Template default. I’m very difficult to duplicate the same with your site.

If possible, you can pm me admin access and FTP account. I shall help you to check it

1 user says Thank You to Ninja Lead for this useful post

1. AHMED

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#513093

I have sent my cpanel & administrator details in PM.
Check it please.
Thanks in advance.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#513238

Look at the screenshot

I have customized the slideshow module on your site

+ Open modules/mod_jaslideshow/assets/themes/default/style.css file

.ja-slide-item img {
background: #000;
position: fixed; <- remove it
}

+ Open templates/ja_mitius/tpls/blocks/slideshow.php file

And remove my red mark

<!-- SLIDESHOW -->
<div class="wrap ja-slideshow">
<div class="container">
<div class="row">
<div class="left-slideshow span8<?php $this->_c('slideshow')?>">
<div class="main-slideshow">
<jdoc:include type="modules" name="<?php $this->_p('slideshow') ?>" style="raw" />
</div>
</div>
<div class="right-slideshow span4">
<div class="main-siderbar">
<jdoc:include type="modules" name="<?php $this->_p('slidenews') ?>" style="T3Xhtml" />
</div>
</div>
</div>
</div>

</div>
<!-- //SLIDESHOW -->

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#513314

Thanks a lot.
It is great. Just I want you to correct the width of main photo. it is 1050 px but the next photo (on right side) is coming on over the main photo and the previous photo (on left side) is taking about 5 px of main photo.

I appreciate your efforts.

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#513317

Right now, there is a 2px right photo and 2px left photo.
Could you please remove them both ?

thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#513357

<em>@linkmsr 399283 wrote:</em><blockquote>Right now, there is a 2px right photo and 2px left photo.
Could you please remove them both ?

thanks</blockquote>

I see JA Slideshow module is working fine on your site.

Do you need further help? If yes, then It would be great if you can attach an illustrated screenshot of what you are trying to achieve.

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#513441

Thanks for your kindness.
Only to remove the main slideshow margin from right and left.
I have attached screenshot to understand what I want (I colored it in Red).

Thanks in advance.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#513571

I spent a lot my time to rid margin left and right on your site. Please check it again let me know if it helps

1 user says Thank You to Ninja Lead for this useful post

1. AHMED

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#513608

I appreciate your efforts.
Yes, I spent long time too to solve it but in vain I couldn’t. Good work.

There is a scroll bar appears in all browsers after your modification.
Could you please check that issue to remove it ?

Another thing, Could you please add shadow on edge of the page on right and on left especially on over slideshow.
Right now, I put this code to each block on home page;

box-shadow: 2px 20px 20px 0 rgba(0, 0, 0, 0.5);

Really, this code puts shadow on all sides and this is wrong because I need only to put shadow on right side and on left side.

I attached a screenshot to understand me.

Thanks a lot.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#513694

I have removed a scroll bar in bottom and added box-shadow into slideshow, it’s very hard to customize on slideshow.

1 user says Thank You to Ninja Lead for this useful post

1. AHMED

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#513878

It OK now.
Thanks a lot for your efforts.

[Author]

Posts