Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 2, 2017 at 11:53 am #728463
    yampieters

    hi, my goal is to obtain a result like this (1)
    i tried so by using the background image (2)

    the squared parts should be covering the utter right and left of anyones screen.
    two problems:
    1. the png i used does not come transparant. where the transparant part was it became, once uploaded, white.
    (i the example you cant see, but in (3) you can see. thats now not a big problem as i can give the tgransparant part a green color now.
    but imagine if i ever want to use a gradience (? dont now the english word) from dark to light?)
    2. main question: how can i give the image (2) 100% width? the option is not in the basic options.

    • This topic was modified 7 years, 10 months ago by yampieters.
    January 2, 2017 at 1:25 pm #728510
    Andy

    Hey jelle,

    not sure what you mean, as your website looks pretty much the same as on image 1.) with the transparent effect. Not that for achieving a transparent effect you need to work with png24.

    Best regards,
    Andy

    January 3, 2017 at 11:27 am #728917
    yampieters

    hi andy
    well, oif course i used png, but the transparant part went white, dont know why.
    so , i had to fill up the transparant part with the green color i wanted.
    this is now oke, but what in the future my client would like to have some opacity change, from dark to light (top to bottom for example).
    i did it now like this, see below.

    i hope it looks oke now, and the ‘chessboard’ banners on the left and right are stuck to the upper left and right hand of your screen.
    on http://quirktools.com/ ive looked, seems to be good, but when i look on my own Lenovo tablet i dont see no banners in Chrome at all!
    strange…

    • This reply was modified 7 years, 10 months ago by yampieters.
    January 3, 2017 at 12:58 pm #728960
    Andy

    Hi,

    png is not sufficient, you need to use png24 for achieving a transparent effect.

    Can you provide us screenshots showing precisely the issue please? we still don’t know exactly where the problem is located for you.

    Best regards,
    Andy

    January 3, 2017 at 4:55 pm #729063
    yampieters

    hi andy
    ok , thanks.

    January 4, 2017 at 8:11 am #729325
    Ismael

    Hi,

    Thank you for the screenshot. You can decrease the width of content container to create more space for the background. 

    @media only screen and (max-width: 1200px) {
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
    max-width: 80%;
}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.