CSS for body background image?

14 posts from 3 voices

• Started 1 year ago by ct3ch
• Latest reply from Ismael
• This topic is resolved

Tags:

No tags yet.

1. 

   ct3ch
   Member

   In Propulsion > Theme Options > Styling > Body Background color -- is it possible to add some custom css (Quick CSS code) to make a background image for the body?

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hi!

   Yes - you can use following code:
   

   body {
       background-image: url("../images/skin1/bg_body.jpg");
   }

   You can adjust the image path, file name, etc.

   Best regards,
   Peter

   Posted 1 year ago #
3. 

   ct3ch
   Member

   Its strange as I've tried several times.

   1. I've cleared the Body Background Color field
   2. I've tested the image path
   3. I've added your code to Quick CSS
   ...but I am still seeing the same background color and no background image. What am I missing?

   Posted 1 year ago #
4. 

   Ismael
   Moderator

   Hi!

   Can you put the exact code here?

   Regards,
   Ismael

   Posted 1 year ago #
5. 

   ct3ch
   Member

   Sure:

   body {
   background-image: url("http://dahuibali.com/images/bg_wood-hui1b.jpg");
   }

   Posted 1 year ago #
6. 

   Ismael
   Moderator

   Hi!

   Please go to wp-content > themes> propulsion > css > then look for layout.css. Drop the code on the stylesheet.

   Best regards,
   Ismael

   Posted 1 year ago #
7. 

   ct3ch
   Member

   Manually using ftp right?

   Ok so I went into wp-content > themes > propulsion > css > layout.css and looking at the table of contents I am guess that I put the following code

   body {
   background-image: url("http://dahuibali.com/images/bg.jpg");
   }

   Under the #Site Styles area of the layout.css table of contents? I tried, didn't work. Or... where exactly do I put this code snippet out of the 2134 lines?

   Posted 1 year ago #
8. 

   Ismael
   Moderator

   Hmm. I wonder why this is not working, I tried to place this snippet below #Site Styles and it works just fine. Maybe try to delete your browser history or try using a different browser and see if the background works.

   Posted 1 year ago #
9. 

   ct3ch
   Member

   Like this?

   /* #Site Styles
   ================================================== */
   
   body {
   background-image: url("http://dahuibali.com/images/bg.jpg");
   }
   
   #header{
   margin-bottom:20px;
   }

   (note: I also tried with hash tag -- #body { ...but also didn't change)

   Any ideas?

   Posted 1 year ago #
10. 

    Ismael
    Moderator

    Hi!

    Try,

    body {
    background-image: url("http://dahuibali.com/images/bg.jpg")!important;
    }

    Best regards,
    Ismael

    Posted 1 year ago #
11. 

    Dude
    Dude

    Hi!

    Can you post a link to your website please. I'll check if this is a css code issue or just a problem on your end (eg browser cache).

    Best regards,
    Peter

    Posted 1 year ago #
12. 

    ct3ch
    Member

    I checked in 3 different browsers as well.

    um....Can I send to your email or something, I'm weary of botspam or something from public forum...

    Posted 1 year ago #
13. 

    ct3ch
    Member

    Ismael I tried you code, and other variations, it must be something else or I have no idea.
    Can I send you or Dude an email to take a look, I'm stumped.

    Posted 1 year ago #
14. 

    Ismael
    Moderator

    Hi!

    Yes, please. My email is sighlence13@hotmail.com.

    Regards,
    Ismael

    Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.