1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 CSS Sprite Background Position Issue

Discussion in 'Styling and Customization Questions' started by Rum Runner Entertainment, Mar 3, 2015.

  1. Rum Runner Entertainment

    Rum Runner Entertainment Active Member

    I've been having some CSS sprite background position issues. This is the code currently in the EXTRA.css template:
    Code:
    .terms-and-rules-sprite
    {
    width:550px;
    height:378px;
    background: url('https://forums-rumrunnerentertainment.com/data/images/tarsprite.png') no-repeat 0 0;
    direction: ltr;
    }
    
    .terms-and-rules-sprite.head
    {
    background-position: 0 -550px;
    }
    
    .terms-and-rules-sprite.tou
    {
    background-position:;
    }
    
    .terms-and-rules-sprite.tar
    {
    background-position:;
    }
    
    .terms-and-rules-sprite.cr
    {
    background-position:;
    }
    
    .terms-and-rules-sprite.pr
    {
    background-position:;
    }
    
    .terms-and-rules-sprite.ap
    {
    background-position:;
    }
    
    And this is what the image currently looks like even though the code has not yet been completed:

    Screen Shot 2015-03-02 at 11.23.11 PM.png
     

Share This Page