WordPress.org

Ready to get started?Download WordPress

Forums

CSS Repeating Backgrounds? (3 posts)

  1. techteenager
    Member
    Posted 3 years ago #

    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;
    }
  2. Avnish Awasthi
    Member
    Posted 3 years ago #

    .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

  3. Chip Bennett
    Theme Review Admin
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic