Support » Themes and Templates » CSS Repeating Backgrounds?

  • techteenager

    (@techteenager)


    Earlier today, I was assisted in adding social share buttons to my index page so that users could easily share posts from the homepage.

    Behind both the ‘Read More’ and the social images, I’d like to have a repeating background for the x-axis (image is here: http://bit.ly/fjjDr2) so that you can still see the ‘Read More’ and images but behind them (like Photoshop layers) is the background.

    I tried simply making this class in the css, along with a <span> tags around the ‘more’ part of the index, but it didn’t work. Any ideas?

    Here is a sample of my index.php: http://snipplr.com/view/50169/index-preview/

    This is what I have so far for the CSS class:

    .social_share{  
    
        background: url(http://www.techteenager.net/wp-content/themes/TTN%20Advanced/images/more_repeat.png)  repeat-x;
        height:20px;
        overflow:hidden;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Avnish Awasthi

    (@avnish-awasthi)

    .social_share{  
    
        background: url(http://www.techteenager.net/wp-content/themes/TTN%20Advanced/images/more_repeat.png)  repeat-x;
        height:20px;
        overflow:hidden;
        background-repeat:repeat-x;
    }

    i think this will be fine,try it and confirm also

    Chip Bennett

    (@chipbennett)

    Does the image appear at all, or does it merely fail to repeat?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS Repeating Backgrounds?’ is closed to new replies.