Side background images on LightWord theme

  • I am trying to figure out how to modify the CSS code for the LightWord theme in order to allow background images on the left and right sides for both the top of the webpage and also on the bottom.

    My website is https://rob.thislifeofmine.org and I’m trying to go for a look similar to https://www.kindredmarket.com with how they have the right/left background images for the header/footer areas.

    Any insights as to how to modify the code to make this work??

    Thanks!
    Rob

Viewing 5 replies - 1 through 5 (of 5 total)

  • a simple way would be to design a wide image for the background – allowing for modern monitors 1600px wide – saving it in the images folder of the theme, and setting it as body background image in style.css:

    body{background:#2C2C29 url(images/bodybg-image.png);font-family:Tahoma;font-size:11px;color:#2C2C29; }

    Thread Starter ufbobbo

    (@ufbobbo)

    thanks alchymyth! I think I have it figured out (i have something temporary for now until I get better at the css code)

    How would it be possible to add a small image that tiles as a background? How would I add that in style.css?

    Thank you!!

    Thread Starter ufbobbo

    (@ufbobbo)

    chengdu, i did it by inserting this code pointing to the background image:

    body{background:#2C2C29 url(images/gradient-bg.jpg) repeat-x top left;font-family:Tahoma;font-size:11px;color:#2C2C29;}

    I got it to work, here’s the code I used. Thanks!

    body{background:#2C2C29 url(images/file.jpg) repeat top left;font-family:Tahoma;font-size:11px;color:#2C2C29;}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Side background images on LightWord theme’ is closed to new replies.