How to remove text box on front page

Hi
My website is not live so I can’t provide a link, however I would like to know how I remove the white text box from a static front page?
I would like my page to have only the menu and the slider on the front page, nothing else.
I would still like the text box on the other pages in the site.
Can you please help?
Thanks very much in advance.

Hi,

Can you provide a screenshost of your site? also please add mark on the screenshot image to which section you want to hide

Hi Awan
Thanks for the reply.
Please see image via link.
Thanks
Carlo

Sorry, here is the link:

Screenshot

Hi, sorry for the delays.

I think I need to check your site directly to inspect which HTML element that should the css code working on, can you activate your site for a while?

Or maybe you can try to use the css code below?

section.home-section {
    background: transparent;
}

let me know if its worked.

Hi there - thanks for the reply.
Unfortunately it didn’t work.
I will make the page live for you to have a look.

Thanks
Carlo

http://retrodlc.co.uk

Hi,

Please try this css code instead:

.content-wrapper {
    background: transparent;
}

Hi Awan
That code did work but it made ALL pages transparent, not just the home page.
Can you tell me how to apply it to the front page only?

Thanks

I see, so please try this css code:

.home .content-wrapper {
    background: transparent;
}

Thank you Awan! It Worked!

Just out of interest…is there a way to remove the text box altogether so that it is not there at all?

text box? did you mean the border? if so, please try this:

.hentry:first-of-type, .hentry {
    border: none;
}