Announcement

Collapse
No announcement yet.

Background Image

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    Background Image

    Hi folks.

    Searched for a solution for this but as yet no luck.

    Basically what I am trying to achieve is to have a outer page background to have an image (happens to be a tile I want to repeat horizontally only) but I dont want it as the background to the main site areas just the outer background area. Have attached what my CS now looks like after much hacking about and experimenting. End result seems that I get the repeated image both vertically and horizontally across the whole screen

    Any help would be great. Sorry site not live yet
    Attached Files
    Tags: None
    #2
    Typo.. it should be

    repeat-x

    not x-repeat


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment

      #3
      Thanks Jont, thats sorted out the tiling issue going down.

      Still have the image repeating over the whole site when I only want it in the background (behind the main page areas)

      Comment

        #4
        This is because you are adding it to the <body> tag which sits behind everything.

        Wrap all your body code (if it is not already) into another <div> and apply a background style to that eg:

        <body>
        <div id="container">
        .. exist Actinic code...
        </div>
        </body>

        and in the stylesheet :

        #container {
        background-color: #fff;
        }


        Bikster
        SellerDeck Designs and Responsive Themes

        Comment

        Previous template Next
        Working...
        X