Paste in Custom CSS
/* slideshow CSS on Admin Setting > Custom CSS /
@keyframes slideshow {
10% {left: 0;}
20% {left: 0;}
30% {left: -100%;}
40% {left: -100%;}
50% {left: -200%;}
60% {left: -200%;}
70% {left: -300%;}
80% {left: -300%;}
90% {left: -400%;}
100% {left: -400%}
}
#slider{overflow:hidden;gap: 18px 1px; width:50%;margin:5px auto; border: 5px solid transparent;border-radius: 12px;}
#slider figure img{gap: 18px 1px;width:20%;float:left;}
#slider figure{position:relative;width:500%;margin:0;left:0;text-align:left;animation:20s slideshow infinite}
@media screen and (max-width: 767px) {#slider {overflow: hidden; width: 100%; margin: 0 auto;}}
.btn-inc {
visibility:hidden;
}
span.btn-inc:after {
content:"ADD";
visibility:visible;
margin-left:-10px;
font-size:1.5rem;
}
.secondary-slider-wrapper {
display: grid;
grid-template-columns: repeat(6, 2fr);
gap:21px 0px;
width: 99%;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 5px;
border-radius: 5px;
background-color: #ffffff;
}
.category-slider-name {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: black;
background: none;
border-radius: 3px;
font-weight: 500;
font-size: 0.9rem;
left: 50%;
top: 109%;
text-align: center;
padding: 0 5px;
}
.mock-search-block {
background: #fe8c00; / fallback for old browsers /
background: -webkit-linear-gradient(to right, #f83600, #fe8c00); / Chrome 10-25, Safari 5.1-6 /
background: linear-gradient(to right, #f83600, #fe8c00); / W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ /
box-shadow: 0px 0px 8px #ff00008f;
}
.si.si-pointer.fa-2x {
background-image: url("https://i.imgur.com/n2IDk9H.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
.si.si-bell.fa-2x {
background-image: url("https://i.imgur.com/GfL3oLS.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
/ Search - User Navigation /
.si.si-magnifier.fa-2x {
background-image: url("https://i.imgur.com/xC4aZTn.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
.si.si-bag.fa-2x {
background-image: url("https://i.imgur.com/X8XF3yZ.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
.si.si-user.fa-2x {
background-image: url("https://i.imgur.com/GjmgD8i.png") !important;
background-repeat: no-repeat;
background-size: 100%;
color: transparent !important;
}
.store-logo {
height: 43px;
margin-top: -2px;
margin-left: -123px;
max-width: 127px;
animation: slide 1.4s forwards;
background: linear-gradient( to right, rgb(119 91 91 / 0%) 0%, rgb(255 255 255 / 0%) 50%, rgb(128 186 232 / 0%) 99%, rgb(125 185 232 / 0%) 100% );
}
.footer-float {
position: fixed;
bottom: 7px;
-webkit-box-shadow: 0px 2px 25px 12px rgb(0 0 0 / 9%);
box-shadow: 0px 2px 25px 12px rgb(0 0 0 / 9%);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-color: linear-gradient( to right, rgb(119 91 91 / 0%) 0%, rgb(255 255 255 / 0%) 50%, rgb(128 186 232 / 0%) 99%, rgb(125 185 232 / 0%) 100% );
text-align: center;
z-index: 2;
width: 96%;
border-radius: 0.6rem;
}
a.block {
margin-left: 10px;
margin-right: 10px;
padding-top: 1px!important;
height: 135px;
margin-top: 12px!important;
border-radius: 15px;
box-shadow: 0px 0px 7px #00000021;
color: #575757;
font-weight: 400;
transition: all 0.12s ease-out;
}
.restaurant-image {
height:101px!important;
margin-left: -5px;
width:101px!important;
margin-right: 10px;
box-shadow: 0px 8px 20px 1px #5959591f;
border-radius: 9px;
margin-top: 5px;
}
.restaurant-info {
font-size:1.4rem;
font-weight: 400;
margin-top: -2.2rem!important;
text-align: left;
padding-left: 8.9rem;
padding-bottom: 0.9rem !important;
}
/ribbon/
.ribbon-warning.ribbon-bookmark .ribbon-box::before {
display:none;
}
.ribbon-warning .ribbon-box {
background: #6a3093; / fallback for old browsers /
background: -webkit-linear-gradient(to right, #a044ff, #6a3093); / Chrome 10-25, Safari 5.1-6 /
background: linear-gradient(to right, #a044ff, #6a3093); / W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
line-height: 22px;
margin-left:-2rem!important;
font-weight: 700;
box-shadow: 0px 0px 6px #ff00008f;
padding-top:-0.5rem;
font-size: 12px!important;
}
