ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• August 3, 2016 at 3:35 pm #285712
  willjepson

  Member

  Post count: 11

  I have 4 Image Banner elements on homepage. I want to make each element have rounded corners (border radius = 10px). I want to increase each elements width. I want each image in each element to zoom in on hover. How do I do that?

  I see that this has been done on this example website http://www.ninjafitmeals.vegas

  August 3, 2016 at 4:01 pm #285720
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me correct website url.
  Thanks
  Mohammad

  August 3, 2016 at 4:05 pm #285723
  willjepson

  Member

  Post count: 11

  http://www.wateva96.com

  http://www.wateva96.com/login

  August 3, 2016 at 4:12 pm #285725
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .sf-image-banner {
     border-radius: 10px !important;
  }
  .sf-image-banner img:hover{
  -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  Thanks
  Mohammad

  August 3, 2016 at 4:29 pm #285727
  willjepson

  Member

  Post count: 11

  Where do I put this CSS?

  And how can I increase the width of the 4 elements?

  August 4, 2016 at 5:57 am #285796
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please put the custom css code at Admin > Theme Options > Custom CSS. You should use the Two image banner in a row to increase the width.
  Thanks
  Mohammad

• Back to forum

  Posted in: Atelier