Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #3206751
Pictures are not visible after update on multisite
Closed

Comments

  • Andreas started the conversation

    Good afternoon

    I updated the theme yesterday and after that, the styled images, as an example at the end of the homepage are not showing.

    It only shows the placeholder! When I check in the backend, the pictures are still connected.

    Secondly, sometimes I get a server error when saving.

    Looking forward to your help.

    Greetings

    Andreas

  • Andreas replied

    Good morning, when can I expect a feedback please?

  •  7,280
    Oliver replied

    HI!

    Sorry for delay. 

    Try to add this code and check is the issue still there.

    .sc-image {
        width: auto !important;
    }

     

    8153117754.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Andreas replied

    Good afternoon

    Thanks for the feedback!

    It partly worked on the homepage, but not in other areas like under products.

    Check out the print screen please.

    Greetings

    Andreas

  • Andreas replied

    actually, the picture is loading but the frame is too small! not enough hight.

  • Andreas replied

    This is the custom css I have now!


    .sc-image {
        width: auto !important;
    }

    body.home .slideshow-preloader {
        height: 600px;
    }
    @media (max-width: 1259px) {
        body.home .slideshow-preloader {
            height: 480px;
        }
    }
    @media (max-width: 979px) {
        body.home .slideshow-preloader {
            height: 360px;
        }
        body.home .sc-slideshow .sc-button {
            display: none !important;
        }
    }
    @media (max-width: 767px) {
        body.home .slideshow-preloader {
            height: 220px;
        }
    }
    @media (max-width: 480px) {
        body.home .slideshow-preloader {
        height: 140px;
        }
    }

    /*   Slide 1 - Linear Scale Animation   */
    #Slide1_Scale {
        -o-animation: slide 16s infinite linear;
        -moz-animation: slide 16s infinite linear;
        -webkit-animation: slide 16s infinite linear;
        animation: slide 16s infinite linear;
    }
    @keyframes slide {
        0% { transform: rotate(0deg) scale(1);top: 0px; left: 0px;}
        100% { transform: rotate(0deg) scale(1);top: 0px; left: -502px;}
    }
    @-o-keyframes slide {
        0% { -o-transform: rotate(0deg) scale(1);top: 0px; left: 0px;}
        100% { -o-transform: rotate(0deg) scale(1);top: 0px; left: -502px;}
    }
    @-moz-keyframes slide {
        0% { -moz-transform: rotate(0deg) scale(1);top: 0px; left: 0px;}
        100% { -moz-transform: rotate(0deg) scale(1);top: 0px; left: -502px;}
    }
    @-webkit-keyframes slide {
        0% { -webkit-transform: rotate(0deg) scale(1);top: 0px; left: 0px;}
        100% { -webkit-transform: rotate(0deg) scale(1);top: 0px; left: -502px;}
    }

    /*   Slide 1 - Glass Neon Light Animation   */
    #Slide1_GlassNeon {
        -o-animation: glass_neon 1.5s infinite linear;
        -moz-animation: glass_neon 1.5s infinite linear;
        -webkit-animation: glass_neon 1.5s infinite linear;
        animation: glass_neon 1.5s infinite linear;
    }
    @keyframes glass_neon {
        0% { opacity: 0.2; }
        15% { opacity: 1; }
        25% { opacity: 0.2; }
        30% { opacity: 0.2; }
        31% { opacity: 0.9; }
        50% { opacity: 0.3; }
        60% { opacity: 0.3; }
        65% { opacity: 1; }
        70% { opacity: 0.2; }
        71% { opacity: 0.6; }
        85% { opacity: 0.2; }
        100% { opacity: 1;}
    }
    @-o-keyframes glass_neon {
        0% { opacity: 0.2; }
        15% { opacity: 1; }
        25% { opacity: 0.2; }
        30% { opacity: 0.2; }
        31% { opacity: 0.9; }
        50% { opacity: 0.3; }
        60% { opacity: 0.3; }
        65% { opacity: 1; }
        70% { opacity: 0.2; }
        71% { opacity: 0.6; }
        85% { opacity: 0.2; }
        100% { opacity: 1;}
    }
    @-moz-keyframes glass_neon {
        0% { opacity: 0.2; }
        15% { opacity: 1; }
        25% { opacity: 0.2; }
        30% { opacity: 0.2; }
        31% { opacity: 0.9; }
        50% { opacity: 0.3; }
        60% { opacity: 0.3; }
        65% { opacity: 1; }
        70% { opacity: 0.2; }
        71% { opacity: 0.6; }
        85% { opacity: 0.2; }
        100% { opacity: 1;}
    }
    @-webkit-keyframes glass_neon {
        0% { opacity: 0.2; }
        15% { opacity: 1; }
        25% { opacity: 0.2; }
        30% { opacity: 0.2; }
        31% { opacity: 0.9; }
        50% { opacity: 0.3; }
        60% { opacity: 0.3; }
        65% { opacity: 1; }
        70% { opacity: 0.2; }
        71% { opacity: 0.6; }
        85% { opacity: 0.2; }
        100% { opacity: 1;}
    }

  •  7,280
    Oliver replied

    Hi,

    Try this one:

    .sc-image {
        height: 100% !important;
    width: auto !important;
    }

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Andreas replied

    Perfect, worked perfect now!

    Thank you so much and have a good weekend!

    Greetings 

    Andreas

  •  7,280
    Oliver replied

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver