ACM Module .svg navigation arrows are not being rendered after 2.0.6 updateu6

altnix

After updating to the latest version of JA ALpha - 2.0.6, the ACM Module navigation icons are not being accessed/rendered correctly in Chrome. They appear OK in Firefox.

I have attached a screen shot of how it appears & also the CSS error.

This is also happening with the wavy line image that appears on the side of the modules as well.

This is definitely an error introduced in the new version. I have reverted back to 2.0.5 and the issue is not there on Chrome.

I have a 2.0.6 Quickstart version installed and the error is there.

Can you please check this issue with the upgrade?

saguaros

altnix HI

Could you share the URL of that page and super admin account of your site so I can take a look?

altnix

This message is visible to Moderators only

hidden content

saguaros

I just added this custom css into your site:

.acm-features.style-4 .owl-carousel .owl-nav>button.owl-next {
  -webkit-mask-image: url('../../images/icon-right.svg');
}

.acm-features.style-4 .owl-carousel .owl-nav>button {
  -webkit-mask-image: url('../../images/icon-left.svg');
  mask-size: 100% 100%;
}

.acm-hero.style-2:before {
  -webkit-mask-image: url('../../images/bg-decor.svg');
}

.mod-article-list .owl-carousel .owl-nav>button{
  -webkit-mask-image: url('../../images/icon-left.svg');
}
.mod-article-list .owl-carousel .owl-nav > button.owl-next{
  -webkit-mask-image: url('../../images/icon-right.svg');
}

.t4-section.decor:before {
  -webkit-mask-image: url('../../images/bg-decor.svg');
}

.acm-features.style-4 .features-item:before {
  -webkit-mask-image: url('../../images/ft-decor.svg');
}

.acm-testimonial.style-1 .owl-carousel .owl-nav>button {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCA1MCAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDc5Njg5IDE3LjEwN0MwLjEzMTczNyAxNi45NzkzIDAuMjA4ODg1IDE2Ljg2NjEgMC4zMDY3MzIgMTYuNzcxNEwxNi45NzExIDAuMzAxMTMzQzE3LjM3NzQgLTAuMTAwMzc4IDE4LjAzNzggLTAuMTAwMzc4IDE4LjQ0NDEgMC4zMDExMzNDMTguODUwMyAwLjcwMjY0NSAxOC44NTAzIDEuMzU1MzkgMTguNDQ0MSAxLjc1NjlMMy41NTY3IDE2LjQ3MDdINDguOTU4M0M0OS41MzMzIDE2LjQ3MDcgNTAgMTYuOTMxOSA1MCAxNy41MDAyQzUwIDE4LjA2ODUgNDkuNTMzMyAxOC41Mjk3IDQ4Ljk1ODMgMTguNTI5N0gzLjU1NjdMMTguNDQ0MSAzMy4yNDM2QzE4Ljg1MDMgMzMuNjQ1MSAxOC44NTAzIDM0LjI5NzggMTguNDQ0MSAzNC42OTkzQzE4LjIzOTkgMzQuOTAxMiAxNy45NzMzIDM1IDE3LjcwNjYgMzVDMTcuNDM5OSAzNSAxNy4xNzMzIDM0Ljg5OTEgMTYuOTY5MSAzNC42OTkzTDAuMzA0Njg0IDE4LjIyOTJDMC4yMTA5MzQgMTguMTM0NSAwLjEzMzg4NCAxOC4wMTkyIDAuMDc5Njg5IDE3Ljg5MzZDLTAuMDI2NTYxNyAxNy42NDIzIC0wLjAyNjU2MTcgMTcuMzU4MSAwLjA3OTY4OSAxNy4xMDdaIiBmaWxsPSIjMkUyRTJFIi8+Cjwvc3ZnPgo=);
  -webkit-mask-size: 100% 100%;
}

.acm-testimonial.style-1 .owl-carousel .owl-nav>button.owl-next {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCA1MCAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ5LjkyMDMgMTcuMTA3QzQ5Ljg2ODMgMTYuOTc5MyA0OS43OTExIDE2Ljg2NjEgNDkuNjkzMyAxNi43NzE0TDMzLjAyODkgMC4zMDExMzNDMzIuNjIyNiAtMC4xMDAzNzggMzEuOTYyMiAtMC4xMDAzNzggMzEuNTU1OSAwLjMwMTEzM0MzMS4xNDk3IDAuNzAyNjQ1IDMxLjE0OTcgMS4zNTUzOSAzMS41NTU5IDEuNzU2OUw0Ni40NDMzIDE2LjQ3MDdIMS4wNDE2OUMwLjQ2NjY5NSAxNi40NzA3IDAgMTYuOTMxOSAwIDE3LjUwMDJDMCAxOC4wNjg1IDAuNDY2Njk1IDE4LjUyOTcgMS4wNDE2OSAxOC41Mjk3SDQ2LjQ0MzNMMzEuNTU1OSAzMy4yNDM2QzMxLjE0OTcgMzMuNjQ1MSAzMS4xNDk3IDM0LjI5NzggMzEuNTU1OSAzNC42OTkzQzMxLjc2MDEgMzQuOTAxMiAzMi4wMjY3IDM1IDMyLjI5MzQgMzVDMzIuNTYwMSAzNSAzMi44MjY3IDM0Ljg5OTEgMzMuMDMwOSAzNC42OTkzTDQ5LjY5NTMgMTguMjI5MkM0OS43ODkxIDE4LjEzNDUgNDkuODY2MSAxOC4wMTkyIDQ5LjkyMDMgMTcuODkzNkM1MC4wMjY2IDE3LjY0MjMgNTAuMDI2NiAxNy4zNTgxIDQ5LjkyMDMgMTcuMTA3WiIgZmlsbD0iIzJFMkUyRSIvPgo8L3N2Zz4K);
}

.acm-features.style-5 .features-image .features-item-wrap .features-item .bg-decor {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTk1IiBoZWlnaHQ9IjEyMSIgdmlld0JveD0iMCAwIDE5NSAxMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01My4yMzEzIDEwLjg0MTJDNjEuMjg4NSAtMC42NTgyMzEgNzcuMTQ4MiAtMy40NTI5MyA4OC42NTUxIDQuNTk5MDRDMTAwLjE2MiAxMi42NTEgMTAyLjk1OCAyOC41MDA2IDk0LjkwMTIgNDBMNDYuMjcxOSAxMDkuNDA1QzM4LjIxNDggMTIwLjkwNCAyMi4zNTUgMTIzLjY5OSAxMC44NDgyIDExNS42NDdDLTAuNjU4NjU1IDEwNy41OTUgLTMuNDU1MTYgOTEuNzQ1NyA0LjYwMjAxIDgwLjI0NjNMNTMuMjMxMyAxMC44NDEyWiIgZmlsbD0iI0VDNEU0RiIvPgo8cGF0aCBkPSJNMTI1LjIwNiAxMS41OTVDMTMzLjI2MyAwLjA5NTU0MDMgMTQ5LjEyMiAtMi42OTkxNiAxNjAuNjI5IDUuMzUyODJDMTcyLjEzNiAxMy40MDQ4IDE3NC45MzMgMjkuMjU0MyAxNjYuODc1IDQwLjc1MzdMMTE4LjI0NiAxMTAuMTU5QzExMC4xODkgMTIxLjY1OCA5NC4zMjkyIDEyNC40NTMgODIuODIyNCAxMTYuNDAxQzcxLjMxNTYgMTA4LjM0OSA2OC41MTkxIDkyLjQ5OTUgNzYuNTc2MiA4MUwxMjUuMjA2IDExLjU5NVoiIGZpbGw9IiNFQzRFNEYiLz4KPHBhdGggZD0iTTE2OS41NjUgMTE4LjYxOUMxODMuNjEyIDExOC42MTkgMTk1IDEwNy4yMzkgMTk1IDkzLjIwMDhDMTk1IDc5LjE2MjYgMTgzLjYxMiA2Ny43ODI0IDE2OS41NjUgNjcuNzgyNEMxNTUuNTE4IDY3Ljc4MjQgMTQ0LjEzIDc5LjE2MjYgMTQ0LjEzIDkzLjIwMDhDMTQ0LjEzIDEwNy4yMzkgMTU1LjUxOCAxMTguNjE5IDE2OS41NjUgMTE4LjYxOVoiIGZpbGw9IiNFQzRFNEYiLz4KPC9zdmc+Cg==);
}

Kindly check.

altnix

Hello Saguros,

Thank you that has fixed the 'arrows' issue.

But I am still having an issue with the 'Wavy line' image that appears on the side of some sections and also the graphic is missing on the bottom of the feature cards.

Please see the two screnshots below:

saguaros

altnix I updated code in my above post a bit and also applied to your site. Kindly check.

altnix

Hello Saguaros,

The wavy line is fixed.

There are two other places where a small graphic is missing.

Please see the screenshots below.

The strange thing is : my demo site has these errors on Chrome, but your JA Alpha demo site does not have these issues on Chrome.

saguaros

I updated these as well, kindly check.

altnix

Thank you, that's great!