Websupport
& Problemlösung

  • left side there is a 2/5 column with 5px padding, and rounded corners (15px).
  • the image element got that custom class: rounded
  • now you have to know that custom class goes to the upper parent element: avia-image-container
  • You can now set a different border radius for each corner of the image, starting clockwise from the top left corner.
  • The border radius should now be slightly smaller than 15px. This will achieve a congruent appearance with the border radius outside.
.avia-image-container.rounded .avia-image-container-inner {
  display: inline;
}

.avia-image-container.rounded .avia_image {
  border-radius: 10px 10px 0 0;
}

.avia-image-container.rounded .avia_image img {
  width: 100%;
}