Announcement

Collapse
No announcement yet.

Altering actinic catalog 9 template

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

    Altering actinic catalog 9 template

    I'm trying to change our website grafea.co.uk to look more like:

    http://www.tvstandsuk.co.uk/

    or

    http://www.appliancehouse.co.uk/

    What I like about these sites is that the main page content has a clearly define border, like an A4 size sheet in the middle of the browser.

    When I go into Design and try to change the background colour of my website in order to achieve something similar, it not only changes the overall background colour but also the background colour of the content of the page in the middle of the screen.

    How can I alter the template to achieve this result?
    www.grafea.co.uk
    Vintage Leather briefcases

    http://www.grafea.com
    Designer leather bags
    --------------------------
    Yanni Kioupouroglou

    #2
    You can try a separate div around all the code in the body. You can then add one background colour to the body and another to the div.

    Comment


      #3
      Thanks, that seems to work, and if I want to replace the colour with a photo how do I incorporate that into the <div> tag?
      www.grafea.co.uk
      Vintage Leather briefcases

      http://www.grafea.com
      Designer leather bags
      --------------------------
      Yanni Kioupouroglou

      Comment


        #4
        You would use something like:
        ...
        background: url('image.jpg') no-repeat;
        ...

        Comment


          #5
          Originally posted by drounding View Post
          background: url('image.jpg') no-repeat;
          <pedant>
          don't forget to define a colour when using the "background" selector :

          background: #fff url('image.jpg') no-repeat;

          </pedant>


          Bikster
          SellerDeck Designs and Responsive Themes

          Comment

          Working...
          X