Support Central

Hi app1cker,

You can add the following CSS code to the ja-findus/acm/video/css/style.css file:

.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.acm-video.style-1 .video-description {
  background: #30408d;
}

.play-icon a {
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  color: #F6376A !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 25px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  text-indent: 3px;
  height: 120px;
  width: 120px; }
  .play-icon a:before, .play-icon a:after {
    border: 1px solid #fff;
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 120px;
    height: 120px;
    background: transparent;
    border-radius: 50%;
    -webkit-animation: pulse-border 2200ms ease-out infinite;
    animation: pulse-border 2200ms ease-out infinite; }
  .play-icon a:after {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .play-icon a:after {
        display: none; } }
  .play-icon a:hover {
    background: #F4F4F5;
    text-decoration: none; }
  @media (max-width: 767.98px) {
    .play-icon a {
      height: 80px;
      width: 80px; }
      .play-icon a:before, .play-icon a:after {
        height: 80px;
        width: 80px; } }

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0; } }

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0; } }

2/ Yes, all you need to copy is child folders in the ACM module folder, js folder, and assets.json and global.json files.

Hi app1cker,
Could you give me the site URL? I can not access the site that you provided previously.

Hi app1cker,
Have you checked the CSS code? I don't see the CSS that I provided for this module on your site, or I think because you have enabled the minify CSS.
You can exclude this file style.
Give me the admin account if you still face this issue.

Hi app1cker,
Have you checked this option from Backend > Site template styles > ja findus > global settings?
Also, I can access your backend. Please check the admin account.

Hi app1cker,
I have excluded the CSS file of the acm module and the slider showing well now.

Hi app1cker,
Yes, you need to copy the CSS code from the /templates/ja_templates/acm/types(pricing,hero..)/css folder.

Hi app1cker,
Some templates (acm/type) won't add the CSS to the acm/type/css/style.css file.
In this case, you can use F12/ inspect to find the CSS code from the frontend then add it to the acm/type/css/style.css file.

Hi app1cker,
Have you excluded the following CSS file?

I can not access your site, could you provide the admin account?

Hi app1cker,
Could you provide the admin account? I will access it and help you check this issue.