ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   keco86
   Member

   Hi All.

   I am using a child theme for thematic and all is going relatively well except when I am trying to add a couple background images in my css.

   The images folder is located inside my child theme and my default.css file is located in a folder in the theme as well. Which makes my path to the image like so:

   .entry-date abbr .published{
   background: transparent url(../images/homeworks_date.jpg) no-repeat middle center;
   }

   But it isn't showing up! And by all accounts it should be. Same for this one:

   .syn li{
   background: transparent url(../images/rss.gif) no-repeat middle left !important;
   padding: 0 5px 0 10px !important;
   font-family: Verdana, Arial, sans-serif;
   }

   Everything else in that declaration is showing. So what gives?

   Url is here http://blog.homeworksetcdesigns.com/

   Posted 1 year ago #
2. 

   lastraw
   Member

   the background is transparent? I think you only need

   background:url(images/homeworks_date.jpg) but there are others in this forum that would know better.

   Leslie

   Posted 1 year ago #
3. 

   keco86
   Member

   Well because it is a shorthand declaration instead of background-image. We are supposed to declare everything so that nothing is left up to the browsers interpretation.
   I am pretty sure it isn't my code that is the problem as there are other background images defined the same way which are showing.
   Some nuance that I maybe don't know about??
   The declaration isn't even showing up in Firebug at all.

   Posted 1 year ago #
4. 

   Chris
   Moderator

   Hi,

   please check for the following errors first:

   http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fblog.homeworksetcdesigns.com%2Fwp-content%2Fthemes%2Fhomeworks%2Fstyle.css&profile=css21&usermedium=all&warning=1&lang=en

   Chris

   Posted 1 year ago #
5. 

   em hr
   Moderator

   Hi keco86-

   The nuance is that when specifically styling an element with a class is that the declaration is combined like so:
   

   .entry-date abbr.published {
   }

   removing the space between abbr and .published should apply the styles the way you're intending.

   Also, there is no "middle" value to either the bacground-property or the background shorthand property. I think
   

   center center

   would be the combined values you want instead of

   middle center

   -Gene

   Posted 1 year ago #
6. 

   keco86
   Member

   brilliant. thank you. I feel like a dolt it was so simple.

   It was a combination of actually removing the space and using the correct value of center.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.