Forums (Obsolete)

Design and CSS styles

Version 7.x > Design and CSS styles > Use of Transfomration(s) to create a Overlay effect.

View modes:


Member	paragbaji - 11/17/2013 11:56:01 PM Use of Transfomration(s) to create a Overlay effect. I am referencing to an effect from this website. Did you notice how a image hovers above a section of content? I have a content in a zone and want to apply that exact effect for that zone. Please guide me on how to achieve that. PS: All I know is that it may be possible via Lightbox Transformations.

Kentico Legend

Brenden Kehren - 11/18/2013 8:31:36 AM

RE:Use of Transfomration(s) to create a Overlay effect.

You can do this with styles. Simply create a container, set its background, create a content holder within the container and set some padding.

<div class="side-container">
  <div class="inside-content">
    your content goes here
  </div>
</div>

View the source of the page or inspect that element using Firebug or something similar. This should help you out.