# Make slider in block (not 100% width)

**URL:** <https://colorlibsupport.com/t/make-slider-in-block-not-100-width/23939>\
**Category:** Tyche\
**Created:** [May 13, 2019, 2:16pm UTC](https://colorlibsupport.com/t/make-slider-in-block-not-100-width/23939 "2019-05-13T14:16:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![absolutconsulting](https://colorlibsupport.com/user_avatar/colorlibsupport.com/absolutconsulting/32/1493_2.png) [@absolutconsulting](https://colorlibsupport.com/u/absolutconsulting)\
**Post date:** [May 13, 2019, 2:16pm UTC](https://colorlibsupport.com/t/make-slider-in-block-not-100-width/23939/1 "2019-05-13T14:16:33Z")

</div>

Hi once more. I am trying to make the slider fit in a block so that it is as wide as the rest. Is it possible?  
My website is [https://becool.shoes/](https://becool.shoes/)  
Thanks  
Jean-Marc

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [May 13, 2019, 6:43pm UTC](https://colorlibsupport.com/t/make-slider-in-block-not-100-width/23939/2 "2019-05-13T18:43:10Z")

</div>

Hi there

Hope you are having a good day and thank you for your question 🙂  
try this css:

.main-slider {  
position: relative;  
width: 1140px;  
margin: 0 auto;  
}

Thanks!  
Colorlib Support Team

---

<div class="post-metadata">

**Author:** ![absolutconsulting](https://colorlibsupport.com/user_avatar/colorlibsupport.com/absolutconsulting/32/1493_2.png) [@absolutconsulting](https://colorlibsupport.com/u/absolutconsulting)\
**Post date:** [May 14, 2019, 1:19pm UTC](https://colorlibsupport.com/t/make-slider-in-block-not-100-width/23939/3 "2019-05-14T13:19:12Z")

</div>

Hi, it works perfectly. Based on the solution you gave me I could also solve the problem on mobile phones. Perfect.  
Gracias from Madrid.  
Jean-Marc

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [May 14, 2019, 5:16pm UTC](https://colorlibsupport.com/t/make-slider-in-block-not-100-width/23939/4 "2019-05-14T17:16:18Z")

</div>

Thank you too 🙂

If you need something else just open a new ticket