Maximize container on the Homepage

Sparkling
1

Hello,

I’d like to know if is it possible to maximize the container on the homepage (full-width). I don’t want any space at the top between the container and the header (the same at the bottom); Plus, the slider is disabled.
Basically I’d like to achieve a layout like this:

https://chatroll.com/

Any help would be really appreciated,

Thanks :slight_smile:

2

Here is the link of my site:

Basically, I’d like to have the homepage in full-screen.

Thanks again! :slight_smile:

3

Hi @jiks,

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

I tried to visit your shared site but it’s just displaying the message as following.

Speaking of Trading
Will come soon with new features and improvements :)

If you don’t want to display slider on your site then just make sure to uncheck the theme option “Check if you want to enable slider” on the following path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Slider options

To make the homepage full width just try adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

body.home .container {
    width: 100%;
}

Best Regards,
Movin

4

Hi Movin,

Thank you very much for your reply.
Actually I managed to fix the issue by myself, thus the site is again in “Coming Soon” mode.
I added the following code and I’d like to know if it didn’t break anything. Combining one plugin to design the pages and the previous code I told you about, I was able to achieve what I desired.

The code is:

body.home { background-color: #ffffff; }

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

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

.main-content-area {
margin-bottom: 0;
}

.main-content-area {
margin-top: 0;
}

body.home .main-content-area {
margin-top: -22px;
}

div.top-section, body.home div#content {
margin-top: 0;
}

Thanks again! :slight_smile:

5

Hi @jiks,

Awesome great to see you managed to fix it and your shared CSS code looks fine.

Please advise if you have more questions.

Have a fantastic day!

Cheers,
Movin

6

Hello,

Thanks for the reply. Have a nice day too! :slight_smile:

7

You are most welcome here :slight_smile: