Announcement

Collapse
No announcement yet.

Background Image

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Background Image

    Hi

    I'm trying to use a background image, but just have it appear in the 'blank' space around my site, i.e., when the window is bigger than the site you see the background tile there.

    You will see what I mean if you look at our info web site at Edge Watersports and I am trying to give the shop site a similar look and feel.

    I have set a background image in Site Options/General/Appearance Settings
    and then set the Store is Using a Background Colour (Not an Image) setting to False. What I get then is the background tile across the whole of the site rather than just around the outside.

    Any ideas how to do that?

    Cheers
    Paul

    #2
    I tend to add these straight into the actinic.css under the design tab. You exisiting site uses

    Code:
    body {
    
    font-size: 10pt;
    font-family: arial,helvetica,serif;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 0px;
    text-align: center;
    background-color: transparent;
    background-image: url(images/backgroundtile.jpg);
    background-repeat: repeat;
    background-attachment: scroll;
    background-x-position: 0%;
    background-y-position: 0%;
    }
    which you can integrate into any existing body styling in the actinic.css

    You can also compact the above down if you are feeling such way inclined.

    Typically they do not show due to over styles conflicting further down the stylesheet.


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      Hi,

      I'm new to Actinic and have been coming up with the same problem. I want the background image to only appear in the outside bars instead of right across the whole page.

      Tried the method that Jonty suggests but not sure if i am doing it right. Clicked the "Design Tab" and then "Actinic Stylesheet".

      Then a new window appears called "Edit Layout Code - Actinic Stylesheet".

      Not sure if this is the right place and exactly where I should enter the coding. Do I just add it or overwrite to the existing "body" at the start ?

      Really appreciate some help,

      Thanks,

      Steve

      Comment

      Working...
      X