Changing the bg of wordpress

Discussion in 'WordPress' started by fuser00, Jan 14, 2009.

  1. #1
    HI, i wanted to know if my code was ok or not as its not showing up..

    body {
    	background:url(http://www.jovenesderiver.com/images/grassif6.gif) ; background-repeat: repeat
    	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    Code (markup):

    Thanks, fuser
     
    fuser00, Jan 14, 2009 IP
  2. uglyboy

    uglyboy Peon

    Messages:
    1,963
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    0
    #2
    double quotes.. background:url("your-image-url") ;

    body {
    	background:url("http://www.jovenesderiver.com/images/grassif6.gif") ; background-repeat: repeat
    	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    Code (markup):
     
    uglyboy, Jan 14, 2009 IP
  3. fuser00

    fuser00 Well-Known Member

    Messages:
    1,212
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    150
    #3
    Hi, its not wirking... dont know how to make it work

    Thanks, fuser
     
    fuser00, Jan 15, 2009 IP
  4. bojomojo

    bojomojo Peon

    Messages:
    921
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #4
    the repeat attribute, either use an x-repeat or y-repeat
     
    bojomojo, Jan 15, 2009 IP
  5. uglyboy

    uglyboy Peon

    Messages:
    1,963
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    0
    #5
    This works..

    
    
    body {
    	background:url("http://www.jovenesderiver.com/images/grassif6.gif"); 
            background-repeat: repeat;
    	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    }
    
    Code (markup):
     
    uglyboy, Jan 15, 2009 IP
    allout likes this.
  6. Pandemix

    Pandemix Well-Known Member

    Messages:
    954
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    120
    #6
    Quotes don't usually make a difference in whether or not the background will work. I think it's just a preference for how some coders do write the background code.

    You need to add either repeat-y, or repeat-x to the code. Or, just get rid of the "background: repeat" in general and it will work.
     
    Pandemix, Jan 15, 2009 IP
  7. uglyboy

    uglyboy Peon

    Messages:
    1,963
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    0
    #7
    This code works correctly if you wish to repeat the image the both vertically and horizontally.. repeat is the default.

    
    
    body {
    	background:url("http://www.jovenesderiver.com/images/grassif6.gif"); 
             background-repeat: repeat;
    	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    }
    
    
    Code (markup):
     
    uglyboy, Jan 15, 2009 IP