Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

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?

  •  6,924
    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

    Attached files:  Screenshot 2023-01-14 145949.jpg

  • 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;}
    }

  •  6,924
    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

  •  6,924
    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