# Create a full width row under slider

**URL:** https://colorlibsupport.com/t/create-a-full-width-row-under-slider/8030
**Category:** Sparkling
**Created:** [September 15, 2015, 1:59pm UTC](https://colorlibsupport.com/t/create-a-full-width-row-under-slider/8030 "2015-09-15T13:59:33Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![pumbel](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/e8c25b/32.png) [@pumbel](https://colorlibsupport.com/u/pumbel)
#### Post date: [September 15, 2015, 1:59pm UTC](https://colorlibsupport.com/t/create-a-full-width-row-under-slider/8030/1 "2015-09-15T13:59:33Z")

</div>

Hi!

Thank you for creating this theme and helping us resolve all our issues.

1. I am trying to create a full width row underneath the slider on the home page, just as it is done on the sparkling demo home page. (See the row underneath the slider with the download button)

How could this be done?

1. I currently have a full width homepage. I use this code:

.home .post-inner-content {  
border: none;  
}

@media (min-width: 1200px) {  
.home .container {  
width: 100%;  
}  
}

.home .post-inner-content {  
padding: 0;  
}

Unfortunately there is still a some space on each side. This looks really strange.  
Please take a look: [http://athleticpursuit.com/](http://athleticpursuit.com/)

What can I do to fix this?

---

<div class="post-metadata">

### Author: ![pumbel](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/p/e8c25b/32.png) [@pumbel](https://colorlibsupport.com/u/pumbel)
#### Post date: [September 15, 2015, 2:44pm UTC](https://colorlibsupport.com/t/create-a-full-width-row-under-slider/8030/2 "2015-09-15T14:44:19Z")

</div>

1. Already found this out — Just use the action button function.

Still have that problem with the weird space on the side of the homepage ☹

---

<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: [September 29, 2015, 12:50pm UTC](https://colorlibsupport.com/t/create-a-full-width-row-under-slider/8030/3 "2015-09-29T12:50:37Z")

</div>

Hi @pumbel,

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

You can remove the space on the side of the homepage by using the following CSS code.

```auto
.home div#secondary {
  padding-right: 0;
}
.home .main-content-inner {
  padding-left: 0;
}
.home .row {
  margin: 0;
}
.home .main-content-area {
  padding: 0;
  max-width: 100%;
}

```

Best Regards,  
Movin