Hi Guys,
Can someone help me resize the restaurant image on the store page?
I want to look the same size on the homepage I hope you can help me.
.restaurant-image {
height: 130px!important;
width: 100%!important;
box-shadow: 0px 8px 20px 1px #5959591f;
border-radius: 13px;
margin-top: 0rem;
}
.restaurant-info {
margin-top: -2.8rem;
text-align: left;
padding-left: 2rem;
padding-bottom: 1rem !important;
}
.ribbon-box {
position: absolute;
top: 10px;
right: 0;
padding: 0 10px;
height: 22px;
line-height: 21px;
color: #fff;
font-weight: 600;
z-index: 0;
margin-top: 10.5rem;
}
a.block {
padding-top: 1px!important;
height: 250px;
border-radius: 15px;
box-shadow: 0px 0px 7px #00000021;
color: #575757;
font-weight: 400;
transition: all 0.12s ease-out;
}
Thanks!
