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
User | RANK |
---|---|
196 | |
152 | |
79 | |
75 | |
63 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023