Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17083

    Hello,

    I have actually a tiled background on my “header”, “main content”, “alternate content” and “footer” style settings.

    Now I would like to add an SVG image semi-transparent background, like a layer on my tiled background.

    Normally the syntax with css3 is like :

    background-image: url(img/semi-transparent-fond.svg), url(img/tiled-background.png);

    background-size: 100% 100%, auto;

    background-position: left top, left top;

    background-repeat: no-repeat, repeat;

    background-attachment: fixed, fixed;

    and it works fine but how can I add this on my choice theme ?

    Thanks :o)

    #94121

    Hi,

    You can add your snippet on custom.css.

    Regards,

    Ismael

    #94122

    Hi,

    I’ve tried but that’s doesn’t work.

    That’s I had add to my custom.css :

    body, html{

    background-image: url(…/img/fond.svg), url(…/img/background.png);

    background-size: 100% 100%, auto;

    background-position: left top, left top;

    background-repeat: no-repeat, repeat;

    background-attachment: fixed, fixed;

    }

    The images URL are ok (I’ve tested on a simple html page on same directory than my wordpress site).

    I don’t know if body or html are ok to applicate the global background in Choices…

    #94123

    Ok I found! Sorry :o)

    .socket_color, .footer_color, .slideshow_color, .header_color, .main_color{

    background-image: url(…/img/fond.svg), url(…/img/background.png);

    background-size: 100% 100%, auto;

    background-position: left top, left top;

    background-repeat: no-repeat, repeat;

    background-attachment: fixed, fixed;

    }

    Thanks for answer!

    Best regards

    Jul

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘CSS3 multiples backgrounds…’ is closed to new replies.