Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • dzidzuridza Friend
    #663738

    Hello everybody,
    Anybody knows , how to fix picture in modul : Articles Category . In Safari everything is Ok, but in Chrome or Explorer , the photos in intro articles start to be “flow”
    How to fix ?
    foto 1 – Chrome

    foto2 – Safari

    foto3 – Chrome

    foto4 – Safari

    Please help

    Ninja Lead Moderator
    #664188

    You can fix that problem with my solution here

    Open templates/ja_nuevo/local/css/template.css file

    find and change

    .category-module.category-blog .article-img img {
    max-height: 100%;
    }

    to

    .category-module.category-blog .article-img img {
    max-height: 100%;
    width: 100%;
    }

    Ninja Lead Moderator
    #746228

    You can fix that problem with my solution here

    Open templates/ja_nuevo/local/css/template.css file

    find and change

    .category-module.category-blog .article-img img {
    max-height: 100%;
    }

    to

    .category-module.category-blog .article-img img {
    max-height: 100%;
    width: 100%;
    }

    dzidzuridza Friend
    #664894

    Thank you for your replay but http://www.silesiaequestrian.pl/PL/( chrome browser) intro image are still stretched

    dzidzuridza Friend
    #746396

    Thank you for your replay but http://www.silesiaequestrian.pl/PL/( chrome browser) intro image are still stretched

    Ninja Lead Moderator
    #664901

    <em>@dzidzuridza 488841 wrote:</em><blockquote>Thank you for your replay but http://www.silesiaequestrian.pl/PL/( chrome browser) intro image are still stretched</blockquote>

    Try to use my solution below to fix the problem into Silesia Equestrian module

    Open templates/ja_nuevo/css/custom.css file and add new rule


    .ja-special-content:hover img {
    -webkit-transform: translate(0, -360px);
    -moz-transform: translate(0, -360px);
    -o-transform: translate(0, -360px);
    -ms-transform: translate(0, -360px);
    transform: translate(0, -360px);
    display: none9;
    }

    Let me know if it helps

    Ninja Lead Moderator
    #746403

    <em>@dzidzuridza 488841 wrote:</em><blockquote>Thank you for your replay but http://www.silesiaequestrian.pl/PL/( chrome browser) intro image are still stretched</blockquote>

    Try to use my solution below to fix the problem into Silesia Equestrian module

    Open templates/ja_nuevo/css/custom.css file and add new rule


    .ja-special-content:hover img {
    -webkit-transform: translate(0, -360px);
    -moz-transform: translate(0, -360px);
    -o-transform: translate(0, -360px);
    -ms-transform: translate(0, -360px);
    transform: translate(0, -360px);
    display: none9;
    }

    Let me know if it helps

    dzidzuridza Friend
    #665036

    No, in Safari – great, Chrome still wrong

    dzidzuridza Friend
    #746440

    No, in Safari – great, Chrome still wrong

    Ninja Lead Moderator
    #665065

    <em>@dzidzuridza 488913 wrote:</em><blockquote>No, in Safari – great, Chrome still wrong</blockquote>

    I checked on Chrome browser at my end and saw it’s working fine, but you can try to add the css style below into templates/ja_nuevo/css/custom.css file


    .ja-special-content img {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    }

    If you still face the problem, you can give me the screenshot and describe on that and PM me admin login backend site. I will help you to check and fix it directly on your site.

    Ninja Lead Moderator
    #746469

    <em>@dzidzuridza 488913 wrote:</em><blockquote>No, in Safari – great, Chrome still wrong</blockquote>

    I checked on Chrome browser at my end and saw it’s working fine, but you can try to add the css style below into templates/ja_nuevo/css/custom.css file


    .ja-special-content img {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    }

    If you still face the problem, you can give me the screenshot and describe on that and PM me admin login backend site. I will help you to check and fix it directly on your site.

    dzidzuridza Friend
    #665648

    worked thanks

    dzidzuridza Friend
    #746632

    worked thanks

Viewing 13 posts - 1 through 13 (of 13 total)

This topic contains 13 replies, has 2 voices, and was last updated by  dzidzuridza 9 years, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum