Code to change radius of shape corners

2 hours ago, NicoleDagnyx said:

https://orange-calliope-t6c4.squarespace.com/

Page: About us

Password: dottydot

@tuanphan

The corners I want curved are different for desktop and mobile as you can see from the images.

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

#block-6e9c5a7de129c732854c {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

#block-yui_3_17_2_1_1697485376162_10674 {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden; 
}

@media screen and (max-width: 767px) {
  #block-6e9c5a7de129c732854c, #block-yui_3_17_2_1_1697485376162_10674 {
    border-top-left-radius: 0px ;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 20px
  }
}