STUMPED! - with this css problem

Discussion in 'CSS' started by cscott5288, Sep 28, 2009.

  1. #1
    I've got a wordpress blog that uses a plugin which alters the style of blockquote html markeup.

    I believe, and I am not sure, that it replaces the original css for blockquote in the template I am using.

    My problem is that I want to add an image background for the block quote. I am not sure if you can have multiple background images in the same css class, but even if I remove the current background image (which I need) in the plugin's css, I still can't get the image to appear in the background of any blockquote!

    Here is the css in the plugin:

    div.fancy-quote {
    	margin-top: 1em;
    	margin-bottom: 1em;
    	border: 1px solid #aaa;
    }
    
    div.fancy-quote div {
        /* not used, but available to you to use */
    }
    
    div.fancy-quote blockquote {
      font-size: 1.2em;
      line-height: 1.5em;
    	margin: 0.5em;
    	margin-bottom: -16px;
    	padding-bottom: 1.0em;
    	padding-top: -5px;
    	border: none;
    	padding-left: 10px;
    	padding-right: 10px;
            background: url(images/bq.png) bottom left no-repeat;
    }
    
    Code (markup):
    If I replace "background: url(images/bq.png) bottom left no-repeat;" with what I want to use:
    "background: url(wp-content/uploads/2009/09/quote.png) top left no-repeat;"
    the image still own't show! and I can't understand why ... but even if it did work, how can I have multiple images in the background, like one on the top and one on bottom? Thanks ahead!
     
    cscott5288, Sep 28, 2009 IP
  2. myst_dg

    myst_dg Active Member

    Messages:
    224
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58