customize background image

  • heratik

    (@heratik)


    10 years, 2 months ago

    hi,

    first of all..please bare with me! i am a total noob 🙁

    as you can see on my homepage: http://www.heratik.de i am using the featured blogpost image as a background.

    however, i want to manipulate the backround image via css to display it blurry.

    what i want to accomplish is to put the background image into a div and then display it using this CSS code:

    #mycustomblurry-bg {
    background:url(<?php echo $image_url[0]; ?>) #000 left top no-repeat fixed;
    background-size: 100% 100%;
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
   -webkit-filter: blur(5px);
   -moz-filter: blur(5px);
   -o-filter: blur(5px);
   -ms-filter: blur(5px);
   filter: blur(5px);
 }

    how and where can i change the code that the featured image is in a DIV?

    afaik the code should look like this:

    <body><div id="mycustomblurry-bg"></div>

    but i am not able to find the right spot (lol)

    any help is appreciated!

The topic ‘customize background image’ is closed to new replies.