# Change slider height (Slider layout)

**URL:** <https://community.elfsight.com/t/change-slider-height-slider-layout/28444>\
**Category:** Event Calendar\
**Created:** [December 1, 2023, 11:44am UTC](https://community.elfsight.com/t/change-slider-height-slider-layout/28444 "2023-12-01T11:44:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [December 1, 2023, 11:44am UTC](https://community.elfsight.com/t/change-slider-height-slider-layout/28444/1 "2023-12-01T11:44:43Z")

</div>

Add this code to the Custom CSS field on the Style tab of your [Event Calendar](https://elfsight.com/event-calendar-widget/) widget’s settings:

```auto
.global-styles, .eapp-events-calendar-slider-item-inner {
   height: 150px;
}

.global-styles,
.eapp-events-calendar-slider-item-info {
  padding: 0 0 20px 90px!important;
}

```