Shopify themes, liquid, logos, and UX
Hey Guys,
I added rounded corners(border radius) to my images by editing the code. After doing this, the rounded corners only show when I adjust the image height to "adapt to image". Because of this, the images are not clickable. How can I fix this? www.tulum.coffee
oh sorry for that issue please share that section code so i will check and upate
/*================ Hero and slideshow headers ================*/
.mega-title,
.mega-subtitle {
color: $color-overlay-title-text;
.hero & {
text-shadow: 0 0 4px $color-text-shadow;
}
@include media-query($medium-up) {
text-shadow: 0 0 4px $color-text-shadow;
}
}
.mega-title {
margin-top: 300px;
-webkit-text-stroke: 0px black
}
.mega-title--large {
font-size: em($font-size-header + 8);
@include media-query($medium-up) {
font-size: em(floor($font-size-header * 2.5));
}
}
.mega-subtitle {
@include media-query($medium-up) {
font-size: em($font-size-base + 4);
margin: 0 auto;
.text-center & {
max-width: 75%;
}
}
p {
color: $color-overlay-title-text;
}
a {
color: $color-overlay-title-text;
border-bottom: 10px solid currentColor;
&:hover,
&:focus {
color: $color-overlay-text-focus;
}
}
}
.mega-subtitle--large {
font-size: em($font-size-base + 2);
font-weight: $font-weight-header;
@include media-query($medium-up) {
font-size: em($font-size-base + 8);
}
}
.hero-fixed-width {
position: relative;
@include overlay(1);
}
.hero-fixed-width__content {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 2;
@include transform(translateY(-50%));
}
.hero-fixed-width__image {
width: 100%;
height: 100%;
max-width: 100%;
margin: 0 auto;
display: block;
object-fit: cover;
// Used for the IE lazysizes object-fit polyfill
font-family: "object-fit: cover";
overflow: hidden;
border-radius: 15px 15px 15px 15px;
}
.hero-fixed-width__image {
border-radius: 15px 15px 15px 15px;
box-shadow: 2px 15px 10px 0 rgba(0,0,0,.2)
}
i need full code
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024