ThemeShaper Forums » Thematic


CSS Background image for sidebars not showing

(6 posts)
  • Started 11 years ago by keco86
  • Latest reply from keco86
  • This topic is resolved
  1. 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

    Posted 11 years ago #
  2. 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.


    Posted 11 years ago #
  3. 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 11 years ago #
  4. 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


    Posted 11 years ago #
  5. 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 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.