Steps for Adding Image Repeating Vertically

by 5 replies
7
Close but no cigar!

I have the code working in a simulator, however, I do not know how to edit css style and/or what to do after that to make it show up on my blog.

I have Thesis theme on a self-hosted WP site/blog.

Blog: CarolAmato dot com

Code I am using:
HTML Code:
<style type="text/css">
body
{
background-image:url('http://www.ccamato.net/verticalbgrepeater.jpg');
background-repeat:repeat-x;
}
</style>
Any help appreciated.
Thanks,
Carol
#programming #adding #image #repeating #steps #vertically
  • simply change the -x to -y for a vertical repeat, but running the code through my software i think you want it to repeat vertically across the page so just use this code

    Code:
    body
    {
    background-image:url('http://www.ccamato.net/verticalbgrepeater.jpg');
    background-repeat:repeat;
    }
    this will solve your problem
    • [ 1 ] Thanks
  • I was able to add the code to a java script area in my theme.

    However, there is problem with alignment, and it is only visible on the home page.

    carolamato dot com
  • You may try this:

    Code:
    body {
    background: url(bgimage.jpg) repeat-x bottom;
    }
    • [ 1 ] Thanks
  • [DELETED]
    • [1] reply
    • I was trying to add an image as a background on my blog that would need to repeat vertically.

      I had alignment issues, but this code, from MrCompTech, was the one that did the trick:
      HTML Code:
      <style type="text/css">
      body
      {
      background-image:url('http://www.carolamato.com/verticalbgrepeater.jpg'); 
      background-repeat:repeat-x;
      background-position: 0px -7px;
      }
      
      </style>
      Thanks to all who tried to help, much appreciated!

      CarolAmato dot com

      My header is seamless with my background, yay!

      • [1] reply

Next Topics on Trending Feed