making page backgrounds transparent?

[mad 1]

Hey there ‘o’o

i’m interested in making entire page content areas transparent…the “interior” page sections

so that text and other elements “float” on top of the page backgound image or color

can you tell me how to achieve this with .css?

not looking for the “naked header” example here

thank you so much ‘o’o’

[Kyle – SUPPORT]

Try this custom css:

#main-container {
  background-color: transparent;
}
#container.boxed-layout {
  background: transparent;
}

– Kyle

[mad 1]

thanks so much, kyle!

i was hoping to apply the transparency to specific pages…

the CSS example you gave me looks like it would apply globally?

let me know, and thanks again ‘o’

[mad 1]

hey kyle –

actually that will work perfectly if i specify a background image or color for the pages where i DON’T want transparency

I’ll mark this resolved and thanks again ;D

[Mohammad – SUPPORT]

Hi,
You most welcome .Thanks Kyle 🙂
With Best Regards
Swift Ideas

[mad 1]

hi there –

i have a related question, which is what would the CSS code be to make the boxed area content shadow invisible or transparent? i’d like the shadow to apply globally, and to specify transparency on pages where i’ve made the page background transparent – otherwise the shadows appears around the “transparent” boxed background

thanks so much, as always ‘o’

[Kyle – SUPPORT]

Add this custom css:

.page-shadow .boxed-layout {
  box-shadow: none;
}

– Kyle