post and sites background transparent

try this for an opaque look. Change the ‘.8’ to your desired opacity

.site {
    background-color: rgba(255,255,255,.8);
}

or this for transparent

.site {
    background-color: transparent;
}

add one of the codes to your css file.

can you please tell me where exactly i should enter those lines of code? i am in the administrative backend of the wordpress site. where should i click to open an editor where i can enter this code.
thx alot

If your theme has a place where you can enter custom css, I would enter it there. Otherwise use the editor and pick your style.css file. Enter it at the bottom to ensure it overrides any other previous styles.

I would highly recommend creating a child theme if you have not already. Editing a theme directly may have undesired results when the theme updates.

ok, i think i got it. its in the Twenty Fourteen: Stylesheet (style.css)
but still, around the photo gallery there is the white border, can i also make this disturbing white border transparent in the same way?

thx for the hint with the child theme, yes i will do so at least before i do any updates

try this:

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.page-content {
    background: transparent;
}

where exactly in the style.css? just add at the end?

yes. place it at the end. code is read line by line, so by placing it at the end you ensure that it overrides and previous styling of the same element.

perfect it worked. now only the left side where the widgets and the secondary menu is placed needs to be transparent.

can i also remove the search button on the primary menu?

ok, i removed search already

any idea how to make the left side bar also transparent?

i tried:

/**
* 7.0 Sidebars
* —————————————————————————–
*/

/* Secondary */

#secondary {
/** background-color: #000; */
background-color: rgba(255,255,255,.5);

@media screen and (min-width: 1008px)
    .site:before {
        background-color: transparent;
    }
}

great it worked. THX A LOT!!!

there are many chapters with @media screen and …. but with different min-width values. does it mean i have to add it to all those areas?

You can override the existing css that is already there, or add your own to the bottom. the code I have been giving youis an alteration of existing code somewhere in your css. it’s your choice.