Make the content transparent in all pages

[helmaT]

Hello,
I would like the header and footer of my website’s pages transparent.
The content block already is transparent with this code

}
.x-boxed-layout-active .site, .x-boxed-layout-active .x-site {
background-color: transparent;
box-shadow: none;

I would also like to remove all the grey thin lines around content and footer…
Can you tell me the css to do this?
Thanks so much!

[basanta]

Hi There,

Thanks for writing in and the details!

I can see the footer is already transparent. Please use this CSS code to remove the background of header.

.x-logobar {
background-color: transparent;
}

To remove the border please use this CSS.

.x-boxed-layout-active .site, .x-boxed-layout-active .x-site {
border: none;
}
.x-colophon.bottom {
border-top: none !important;
}

Hope this helps!

[helmaT]

Hi Basanta,
this totally works, thank you!

[mldarshana]

Glad we were able to help