disable white box behind text on home, and allow background image to show

The Easy Way:
If this is for your own website then Admin > Appearance > background and change the background to an image.

The Hard Way:
Add a folder in the child theme called images so you have a path for your background of images/, then add your background image in the new folder and not in the twenty ten parent.

Note:
The image must be a relative path to the stylesheet that you have added the class to.

HTH

David

hi david

thanks very much for the reply.

calligraphycompany.com

as you see from my site i wish the image (blue) to be behind the text.

how do i disable the white box?

olivia

Olivia,
What blue image?
And what white box?

David

hi david

please check now

olivia

Hi Olivia,

#wrapper = Sheet
#access = menu
#primary = Sidebar
#secondary = Sidebar
.home .sticky = Sticky Posts

#wrapper,
#access,
#primary,
#secondary,
.home .sticky{
   background: transparent;
}

I wrote a fun posts with these styles and a child theme recently so I know that they are correct, I have left out the one that hides the header image, there is also a style to hide the titles in this post.

HTH

Mark the topic as resolved if this is the solution.

well well well

david you are a star, thanks ever so much for your time.

so to confirm something here, ive created a child theme, and copy and pasted that section from the parent to the child stylesheet. Is the correct method?

Also one more thing, if you dont know then thats fine but my idea was to have a colour like baby blue or pink at the top and fade it in to the white, i can get a colour at the top and a colour underneath, but will wordpress allow me to fade or must i find a image with the fade already made?

olivia

so to confirm something here, ive created a child theme, and copy and pasted that section from the parent to the child stylesheet. Is the correct method?

You copy across any styles you want to adjust, if we take the wrapper style, we leave the parents themes stylesheet unchanged and it has.

#wrapper {
	background: #fff;
	margin-top: 20px;
	padding: 0 20px;
}

We want to change the background so we copy across, delete the lines we do not need and change the one element.

#wrapper {
	background: transparent;
}

When WordPress reads the stylesheets it reads the parents first and then the childs, and the name says it all cascading, so the child theme over writes the parents style elements, in a non destructive way.

Also one more thing, if you dont know then thats fine but my idea was to have a colour like baby blue or pink at the top and fade it in to the white, i can get a colour at the top and a colour underneath, but will wordpress allow me to fade or must i find a image with the fade already made?

There are many websites where you can create a gradiant, have a google and find a gradiant maker make it one pixel wide by about 190 high, note down the top color you use so you can adjust it, then download it and use it from:
Admin > Appearance > Background, upload it and repeat-x

HTH

David

thanks ever so much david

im looking at your site now, your site is very informative and better than the other rubbish out there

olivia x

hi david

just when i thought it was going ever so well, its just turned tables on me!

#branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
display: block;
float: left;

so i copied this in to my child theme and whilst playing with the border-top, i noticed half my changes jumped to default setting again?? so the change we made on the wrapper background filled up with white again. yet it you check the code we put in it still says transparent. how can this be?

olivia

hi david

i deleted the coding and it done the trick, yet i still want to play with the branding img, must i paste this else where, obviously this took priority over the rest of my change but why?

olivia x

The first line in the child theme style.css you have:

#wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 20px;
    padding: 0 20px;
}

None of the transparent block is there in the child themes style.css, this is where you add it?

Add and delete one at a time until you have what you want!

#wrapper {
   background: transparent;
}
#access {
   background: transparent;
}
#primary,
#secondary {
   background: transparent;
}
.home .sticky{
   background: transparent;
}

HTH

David

That background is really pink lol!

hi david

yeah maybe too pink lol, although i really love pink hehe.

i love your site i took some inspiration from one of your tutorials as you can see,

calligraphycompany.com

i was wondering how i could apply the same to the vertical menu on the right, what do you think? and then move it to the left.

is this poss?

p.s. its going to be a long night for me