Hi,
I'm trying to use a custom background that contains my shop name. When I leave the "header" box empty on the Simple editing section and add my background to the CSS section, BC autofills in my name so it appears in plain Helvetica in the header position. I'd like to not only stop this from happening (remove my name from the header), but also keep a bit of a header placeholder so the body of the shop isn't smack at the page top.
I'd also like to figure out how to have my background cover the entire page without repeat. I thought I made the background full page size and I did turn off the background repeat, but that resulted in my background not covering the entire page. If I repeat, my shop name repeats, as well, since it's part of the background design.
Any help is much appreciated!
2 answers
points
Don't put the logo on the background. Use your repeating background for the page background. Save the logo as a PNG with transparency. Put the name of the store in the "header", then use CSS to replace the h1 with your logo. Something like this should do the trick:
h1 {
text-indent: -10000em;
height: 165px;
width: 706px;
background: transparent url(http://example.com/path/to/logo.png) top left no-repeat;
}
You can replace the height and width parameters if you're going to use a different sized logo.
points
I went to ALOVEOFTHUNDER.COM and bought the theme. Saved about 3 hours of mind numbing coding.
