# Slider Image

**URL:** <https://colorlibsupport.com/t/slider-image/11902>\
**Category:** Activello\
**Created:** [August 25, 2016, 9:59pm UTC](https://colorlibsupport.com/t/slider-image/11902 "2016-08-25T21:59:42Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ctbliss](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ctbliss/32/1845_2.png) [@ctbliss](https://colorlibsupport.com/u/ctbliss)\
**Post date:** [August 25, 2016, 9:59pm UTC](https://colorlibsupport.com/t/slider-image/11902/1 "2016-08-25T21:59:42Z")

</div>

Hi I am trying to get my slider image to fit the entire screen like in the Activello demo slider but the images are coming up short with grey on each side. I tried deactivating the jetpack photon but it still does not work. The url is [www.createthatbliss.com](http://www.createthatbliss.com).

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [August 29, 2016, 12:35pm UTC](https://colorlibsupport.com/t/slider-image/11902/2 "2016-08-29T12:35:12Z")

</div>

Hi @ctbliss,

I hope you are well today and thank you for your question.

I visited your shared site and it is displaying fine for me as shown in the attached screenshot.

Is it working fine now?

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![ctbliss](https://colorlibsupport.com/user_avatar/colorlibsupport.com/ctbliss/32/1845_2.png) [@ctbliss](https://colorlibsupport.com/u/ctbliss)\
**Post date:** [August 29, 2016, 4:45pm UTC](https://colorlibsupport.com/t/slider-image/11902/3 "2016-08-29T16:45:47Z")

</div>

I figured it out on my own. I used CSS coding to get the slider to fit properly.

Customize-\> Actevillo Options-\> Other-\> Custom CSS-\> Add in box:

#page .flexslider .slides img {  
width: 100%;  
}

.flexslider .slides img {  
max-height: 550px;  
}

Height (550px) can be adjusted to whatever

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [August 30, 2016, 1:10pm UTC](https://colorlibsupport.com/t/slider-image/11902/4 "2016-08-30T13:10:42Z")

</div>

Awesome great to see you got that figured out.

Please advise if you have more questions.

Have a fantastic day!