WordPress.org

1. dn74
   Member
   Posted 1 year ago #

   I am not able to make the content contain a transparent background to reveal the background image.

   Here's the link:
   http://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('http://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;
   }

2. poppacket
   Member
   Posted 1 year ago #

   Wow. Might be the wrong place to ask this.

   But you can try background: none.

Topic Closed

This topic has been closed to new replies.