.recently-viewed-grid li.grid__item:last-child {
display: none !important;
}
/* .recently-viewed-wrapper .recently-viewed-grid .slick-track {
width: 100% !important;
} */
.recently-viewed-wrapper {
margin: 1rem auto;
}
element.style {
}
.card-price .price__sale dd.price__compare span.price-item.price-item--regular {
font-family: Red Hat Display;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
letter-spacing: .04em;
text-decoration-line: line-through;
color: #9f9f9f;
}
.card-price dd.price__compare span.price-item.price-item--regular {
color: #9f9f9f!important;
letter-spacing: .04em!important;
font-weight: 400!important;
}
.recently-viewed-img {
width: 100%;
}
.recently-viewed-grid {
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
list-style: none;
margin:0;
padding: 0;
}
.recently-viewed-grid-item {
display: flex;
flex-direction: column;
text-align: center;
}
.recently-viewed-a {
text-decoration: none;
color: #000;
}
.recently-viewed-wrapper .recently-viewed-grid{
display:block;
}
.recently-viewed-wrapper .recently-viewed-grid li.grid__item {
padding-left: 8px;
padding-right: 8px;
}
.recently-viewed-wrapper .recently-viewed-grid .slick-list {
margin-left: -8px;
margin-right: -8px;
}
.recentviw_title{
font-weight: 600;
font-size: 32px;
line-height: 42px;
}
.recently-viewed-grid .fa-angle-left:before {
content: "\f104";
display: block;
font-size: 40px;
width: 30px;
height: 30px;
position: relative;
top: -11px;
left: -6px;
}
.recently-viewed-grid .fa-angle-right:before {
content: "\f105";
display: block;
font-size: 40px;
width: 30px;
height: 30px;
position: relative;
top: -11px;
left: -2px;
}
@media only screen and (max-width: 767px) {
.recentviw_title{
font-size: 24px;
font-weight: 600;
}
}
{{ section.settings.heading }}
{% schema %}
Smeelah
December 16, 2024, 6:06pm
2
I’m not sure how to add this or if I need to put the styling in a different location. I created recently-viewed.liquid and it shows up but the images are huge and not aligned.