Comments Andreas started the conversationJanuary 13, 2023 at 9:26amGood 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 AndreasAndreas repliedJanuary 14, 2023 at 7:44amGood morning, when can I expect a feedback please? 7,122Oliver repliedJanuary 14, 2023 at 11:36amHI!Sorry for delay. Try to add this code and check is the issue still there. .sc-image { 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, OliverAndreas repliedJanuary 14, 2023 at 12:00pmGood afternoonThanks for the feedback!It partly worked on the homepage, but not in other areas like under products.Check out the print screen please.GreetingsAndreasAttached files: Screenshot 2023-01-14 145949.jpgAndreas repliedJanuary 14, 2023 at 12:02pmactually, the picture is loading but the frame is too small! not enough hight.Andreas repliedJanuary 14, 2023 at 12:04pmThis 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,122Oliver repliedJanuary 14, 2023 at 12:05pmHi,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, Oliver1 LikeAndreas repliedJanuary 14, 2023 at 12:08pmPerfect, worked perfect now!Thank you so much and have a good weekend!Greetings Andreas 7,122Oliver repliedJanuary 14, 2023 at 12:09pmWelcome!Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. Regards, Oliver1 Like Sign in to reply ...
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
Good morning, when can I expect a feedback please?
HI!
Sorry for delay.
Try to add this code and check is the issue still there.
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
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
actually, the picture is loading but the frame is too small! not enough hight.
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;}
}
Hi,
Try this one:
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver
Perfect, worked perfect now!
Thank you so much and have a good weekend!
Greetings
Andreas
Welcome!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.
Regards, Oliver