(Craft Theme) About page picture with rounded corners.

Solved

(Craft Theme) About page picture with rounded corners.

rodrigosens
Tourist
14 0 1

Hello,

 

I need to make the image on the about page have rounded corners, just like all the others ones.

 

http://sewe.studio
password: tahrti

thx!

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1786 3135

This is an accepted solution.

Hi @rodrigosens ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

{% if canonical_url contains 'sobre' %}
  <style>
.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    border-radius: 1.4rem;
}
  </style>
{% endif %}

PageFlyVictor_0-1681502273562.png

Hope my answer will help you.

Best regards,

Victor | PageFly

View solution in original post

Replies 2 (2)

Ujjaval
Shopify Partner
1242 197 214

@rodrigosens add below css into base.css file 

.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    border-radius: 85px;
}

 

Ujjaval_0-1681479724072.png

 

PageFly-Victor
Shopify Partner
7865 1786 3135

This is an accepted solution.

Hi @rodrigosens ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

{% if canonical_url contains 'sobre' %}
  <style>
.image-with-text__media.image-with-text__media--adapt.gradient.color-background-1.global-media-settings.media {
    border-radius: 1.4rem;
}
  </style>
{% endif %}

PageFlyVictor_0-1681502273562.png

Hope my answer will help you.

Best regards,

Victor | PageFly