[canismajor]

canismajor

#6884

is there a way to make the background of a page, post, sidebar or other item transparent so you can see through to the site background?

that is, i would like the text on a page to appear to be floating on top of the background image rather than on a solid color section on top of the background

[Anonymous]

Anonymous

#35936

Add this to custom CSS

#container, #content, #content-main, #sidebar, .entry {

background: none !important;

}

Sent from mobile. Add elements if I’ve left any.

[canismajor]

canismajor

#35937

very nice! i’ll still need to add:

header

footer

menu bar

and (less obvious how to do):

borders

backgrounds of posts and page text

fyi the test site is at: http://www.w2fuel.com/graphene

kind thanks

[Syahir Hakim]

Syahir Hakim

#35938

Invest some time to learn about basic CSS coding, you’ll save a lot of time and frustration later on.

This page will be of interest to you:

https://forum.graphene-theme.com/graphene-support/beginners-resources-possible-sticky

[canismajor]

canismajor

#35939

Many thanks for your continued help!

I have indeed immersed myself in CSS and WordPress these past 24 hours and am now able to solve many of these questions myself.

One area where I still have a problem is eliminating borders in widgets, pages, footer and header.

I have tried

#container, #content, #content-main, #sidebar, #header, #top-bar, #footer, #sidebar1, #sidebar2 .entry {

border: none !important;

box-shadow: none !important;

}

but the borders remain. My goal is to have all text ‘float’ on the main Graphene background. I have done this mostly successfully by eliminating the backgrounds, but the side borders and outlines remain, leaving 2 vertical stripes on the page (1 left and 1 right).

[canismajor]

canismajor

#35940

It occurred to me that maybe those borders I’m having trouble eliminating are actually images. I haven’t been able to find any graphics substituting for outlines, but maybe they are buried somewhere?

[Kenneth John Odle]

Kenneth John Odle

#35941

Try installing the Firebug addon for Firefox (or Dragonfly for Opera). It will make it easy to find out what classes you need to target.