Joomla Templates Club 406,261 posts

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#758503

Customizing the ACM Slideshow

Hi need some help based on the numbers labelled below
http://screenpresso.com/=jYdQb

1) How do i set the padding to go 90% width of screen or at least 50% instead of currently centered
2) How can i change video color
3) How do i remove that mouse icon
4) Why the back and next arrows look like that
5) The whole module wont show if only one slideshow image.. it needs to have minimum 2 images… how can i use only ONE image for the ACM slideshow?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#758791

Hi @vernontee,

Please edit the thread and provide your site url, temporary admin account so I can have a look first.

1 user says Thank You to Adam M for this useful post

1. vernontee

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#758829

<em>@Adam M 504638 wrote:</em><blockquote>Hi @vernontee,

Please edit the thread and provide your site url, temporary admin account so I can have a look first.</blockquote> @adam Hi, ive PM you the details.

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#758830

<em>@vernontee 504686 wrote:</em><blockquote>@Adam Hi, ive PM you the details.</blockquote>

Oh and one more problem, if i only use ONE image, the whole module does not show.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#759103

Hi @vernontee,

1. Please open file /templates/ja_directory/css/custom.css then add this code :

.t3-slideshow .acm-slideshow .owl-carousel .item .slider-content .item-desc {
     width: auto;
}

1. In custom.css file, add this code (for both normal and hover state) :

   .t3-slideshow .acm-slideshow .slider-btn {
    background: red;
    border: red;
   }
   .t3-slideshow .acm-slideshow .slider-btn:hover {
    background: green;
    border: green;
   }

2. In custom.css file, add this code :

   .t3-slideshow .acm-slideshow .owl-carousel .item .slider-content:before {
    display: none;
   }

3. I didn’t see the previous / next arrow anywhere in your site.

4. I have raised a bug report here so our development team can check and fix it asap, please stay tuned.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#802603

Hi @vernontee,

Sorry for bother you again but the admin info is missing after migrated to new forum. Could you please provide it again via private reply so I can continue the investigation process ?

P/S: Just reply as normal and check the box Set as private reply below the editor to send over a private reply.

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#812462

This reply has been marked as private.

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#812465

how about the issue where in mobile mode only half the image is shown?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#814453

Hi @vernontee,

Could you please clarify a little bit about the problem or provide a mockup screenshot where I can check it ?

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#815554

Notice in mobile view only the red shaded area in (1) is seen… instead of the whole image resizing to view all.
http://screenpresso.com/=hKXbe

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#816599

Hi @vernontee,

Please add this code to custom.css file :

@media screen and (max-width: 480px) {
  div.acm-slideshow .owl-carousel .item {
    height: auto;
  }
  div.acm-slideshow .owl-carousel .item .slider-img {
    width: 100%;
    height: auto;
  }
}

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#817081

hmm.. this post has an update but i dont see an answer 🙁

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#817098

when would be a fix ..at least temporary one for just one image and whole module not showing too?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#817988

Hi @vernontee,

Please add this code to custom.css file :

@media screen and (max-width: 480px) {
     div.acm-slideshow .owl-carousel .item {
          height: auto;
     }
     div.acm-slideshow .owl-carousel .item .slider-img {
          width: 100%;
          height: auto;
     }
}

[vernontee Friend vernonteeJoin date: November 2015Posts: 440Downloads:53Uploads:22 Thanks: 18 Thanked: 4 times in 4 posts]

#820652

Hi thanks for this.. but this introduces another bug instead… the height is affected and the text gets hidden behind the search bar.
http://screenpresso.com/=B4GVf

[Author]

Posts