Announcement

Collapse
No announcement yet.

Background Image Whole Page

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

    Background Image Whole Page

    Hi everyone,

    Just started using Actinic today, and i'm having trouble with a background image.

    I have a fixed centered width design, and i'd like a background image to appear either side of the centered site for the whole site.

    Also how do I add a background image to the header, (benhind the company logo at the top)?

    Thankyou,
    Ben.
    Tags: None
    #2
    Your best bet is to talk direct to actinic support - you get 30 days free - they will be able to talk you through it as it all depends on your overall design.

    Comment

      #3
      If you have to have a certain image that fits into the sides of your page boundries you could try something like this:

      Create your image to the correct dimensions, pop the following CSS into your stylesheet (obviously the actual make-up of this CSS is dependant your requirements but its essence is there):

      #pageBackground
      {
      background: #000000 url(background.jpg) repeat-y 50%;
      min-height: 800px;
      height: auto !important;
      height: 800px;
      }

      Then add the div to the outer layout:

      <body onload="<actinic:variable name="OnLoadScript" ...
      <div id="pageBackground">
      ...rest of outer layout
      </div>
      </body>

      I've just done exactly this for a client on a site that is under development right now: http://shop.samurai-sports.com/gear/

      Hope that helps.
      KDM Digital Media - Actinic web design and hosting

      Comment

        #4
        Perfect, thanks for the response exactly what I needed.

        Cheers,
        Ben.

        Comment

        Previous template Next
        Working...
        X