Transparent background to reveal background image
-
I am not able to make the content contain a transparent background to reveal the background image.
Here’s the link:
https://daphnebrucculeri.com/wordpress/Here’s the code:
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;color: #333;
text-align: center;
background-color:transparent;
background:url(‘https://daphnebrucculeri.com/wordpress/wp-content/uploads/2008/02/daphne_bg.jpg’) top left no-repeat;
}#page {
background-color: transparent;
text-align: left;
}#header a{
color: #333333;
}#blog_title_hide {
display:none;
}#content {
float:right;
font-size: 1.2em;
width:400px;
}.widecolumn .entry p {
font-size: 1.05em;
}.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}.widecolumn {
line-height: 1.6em;
}.narrowcolumn .postmetadata {
text-align: left;
font-size:.8em;
}.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}h1, h2, h3 {
font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
font-weight: bold;
}h1 {
font-size: 2em;
text-align: left;
}#headerimg {
}
#header a{
font-size:2em;
color:#3b6ea5;
margin-left:220px;
}#header p {
margin-bottom:0px;
}.description {
font-size: 1.2em;
color:#333333;
margin-left:220px;
}h2 {
font-size: 1.6em;
}h2.pagetitle {
font-size: 1.6em;
}#sidebar h2 {
font-family: ‘Lucida Grande’, Verdana, Sans-Serif;
font-size: 1.2em;
}h3 {
font-size: 1.3em;
}h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
}h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}.entry p a:visited {
color: #b85b5a;
}.commentlist li, #commentform input, #commentform textarea {
font: 0.9em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
}.commentlist li {
font-weight: bold;
}.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}#commentform p {
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
}.commentmetadata {
font-weight: normal;
}#sidebar {
font: 1em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
}small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}code {
font-size: 1.1em;
}acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}a:hover {
color: #147;
text-decoration: underline;
}
- The topic ‘Transparent background to reveal background image’ is closed to new replies.