7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Steps for Adding Image Repeating Vertically

by Carol_A
5 replies
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
#adding #image #repeating #steps #vertically
  • Profile picture of the author e-mail2u
    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:
    <style type="text/css">
body
{
background-image:url('http://www.ccamato.net/verticalbgrepeater.jpg');
background-repeat:repeat;
}
</style>
    this will solve your problem
    {{ DiscussionBoard.errors[3242002].message }}
  • Profile picture of the author Carol_A
    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
    Signature
    Carol Amato
    {{ DiscussionBoard.errors[3242076].message }}
  • Profile picture of the author joe12joe
    You may try this:

    Code:
    body {
background: url(bgimage.jpg) repeat-x bottom;
}
    {{ DiscussionBoard.errors[3245044].message }}
  • Profile picture of the author roshansethia
    [DELETED]
    {{ DiscussionBoard.errors[3245219].message }}
    • Profile picture of the author Carol_A
      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!

      Signature
      Carol Amato
      {{ DiscussionBoard.errors[3245854].message }}
      • Profile picture of the author Carol_A
        I know it's been a while, but have new site and new problem!

        The background is repeating horizontally, but want just the lightest shade of the gradient to repeat vertically.

        This is the code I am using but it appears as one long header across the page which stops at the width of the header. I want the pale blue to continue down the page....(like on my blog: carol amato. com)

        This is the code I am using for my NEW site but want the same effect as on my blog above.

        Code:
        <style type="text/css">
body
{
background-image:url('http://www.carolamato.com/images/repeating-background.jpg'); 
background-repeat:repeat-x; 
background-position: 0px -0px;
}

</style>
        Thanks for any help on this.
        Signature
        Carol Amato
        {{ DiscussionBoard.errors[4359201].message }}

Trending Topics