Viewing 15 posts - 1 through 15 (of 42 total)
  • Author
    Posts
  • smartmax Friend
    #706544

    Hi Guys,

    I would like to make a background pattern on our website: http://www.sanders.nl

    But the page itself has to stay white – only shown on the left and right.
    the name of the background-image-pattern=background.png (small image)

    It has to repeat than afcourse

    Can somebody give me the magical code? 🙂

    TomC Moderator
    #706601

    Wondering if this little trick may assist you . . . . https://css-tricks.com/multiple-backgrounds-left-half-and-right-half/

    TomC Moderator
    #752518

    Wondering if this little trick may assist you . . . . https://css-tricks.com/multiple-backgrounds-left-half-and-right-half/

    smartmax Friend
    #706605

    Thanks Tom for you’re effort and answer.

    I put the code in custom.css
    but it just don’t seem to work.. :-[

    smartmax Friend
    #752522

    Thanks Tom for you’re effort and answer.

    I put the code in custom.css
    but it just don’t seem to work.. :-[

    TomC Moderator
    #706606

    Are you using a particular template color theme for this site?

    TomC Moderator
    #752523

    Are you using a particular template color theme for this site?

    smartmax Friend
    #706607

    Hi Tom,

    It is the standard JA Teline Magazine lay-out, no particuliar theme or color(?)

    smartmax Friend
    #752524

    Hi Tom,

    It is the standard JA Teline Magazine lay-out, no particuliar theme or color(?)

    Saguaros Moderator
    #706671

    How did you add code for this in ‘custom.css’ file?

    You can put it here so that I can take a look and also tell me the path to that image background.

    Saguaros Moderator
    #752587

    How did you add code for this in ‘custom.css’ file?

    You can put it here so that I can take a look and also tell me the path to that image background.

    smartmax Friend
    #706709

    Goodmorning Saguaros,

    Here’s the code in the custom.css


    #leftHalf {
    background: url(../images/background.png);
    width: 50%;
    left: 0px;
    height: 100%;
    }
    #rightHalf {
    background: url(../images/background.png);
    width: 50%;
    right: 0px;
    height: 100%;
    }

    smartmax Friend
    #752605

    Goodmorning Saguaros,

    Here’s the code in the custom.css


    #leftHalf {
    background: url(../images/background.png);
    width: 50%;
    left: 0px;
    height: 100%;
    }
    #rightHalf {
    background: url(../images/background.png);
    width: 50%;
    right: 0px;
    height: 100%;
    }

    Saguaros Moderator
    #752725

    These divs: #leftHalf or #rightHalf don’t exist in our template, it’s sample from tips above that TomC gave you.

    With layout of this template, it’s hard to add that rule without customising layout of template. You can try with background image as Events page.

    smartmax Friend
    #719902

    Hi Saguaros,

    Thank you for you’re answer.
    I got a background in the events-layout:
    http://www.sanders.nl/index.php/kerstkaarten

    But how can I show this background also in the magazine lay-out?
    http://www.sanders.nl/index.php

Viewing 15 posts - 1 through 15 (of 42 total)

This topic contains 42 replies, has 3 voices, and was last updated by  smartmax 9 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum