Home page full width

Sparkling
1

Hi @Movin,

I’m trying to make a powerful home page, using full width boxes and parallax images but I can’t cover well the box in the background, the one of the page.

How can I remove it only in the home page?

http://www.fuoriluogoasti.com/

Thank you very much

2

Hi @FuoriLuogo,

Thank you for your question.

I am not sure exactly what you want to remove in the home page so could you please tell me a bit more in detail so that i can help you?

Kind Regards,
Movin

3

Hi @Movin,

I mean that the full width attribution I use in the page builder for rows works but not cover the whole page, between one row and the following is still visible the box of the page.

Is it possbile to set the full width (I don’t mean just without the sidebar but that the page goes to the edges of the browser).

Thank you

4

You can try achieving this by 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.main-content-area {
    width: 100%;
    padding: 0;
    overflow: hidden;
}
5

Hi @Movin,

it works for the home page!

I would also like to do the same thing in this specific page:
http://www.fuoriluogoasti.com/coworking/

How can I do it?

Thanks as always

6

You can do it for that specific page by using the following custom CSS code.


body.page-id-122 .container.main-content-area {
    width: 100%;
    padding: 0;
    overflow: hidden;
}
7

Thanks!

8

You are most welcome here :slight_smile: