Homepage Only Background Image

resolved (20 posts) (4 voices)

  1. iduinc
    Member

    I'd like to display a background image on the homepage only. I picked up the code below from a previous post and placed it in my Custom CSS, but it is not working.

    .is_home body { background-image: url("http://test.iec-electronics.com/wordpress/wp-content/uploads/2013/07/home_lines_bg.jpg") !important; }

    http://test.iec-electronics.com/wordpress/

    Please advise.

    Posted 4 years ago #
  2. Elliott
    Support

    Hello iduinc,

    You want this,

    .is_home { background-image: url("http://test.iec-electronics.com/wordpress/wp-content/uploads/2013/07/home_lines_bg.jpg") !important; }

    Posted 4 years ago #
  3. iduinc
    Member

    I apologize, I wanted to replace the body/main content area background. It appears this is to change the main background image behind the site.

    Any easy Custom CSS to just change the background image on the body section for the homepage?

    Posted 4 years ago #
  4. marinastamos
    Member

    Hi, Is there a way to add a custom background to the homepage that is just from the admin panel? I am not savvy enough to make css changes...without serious risk!!!
    http://www.mainlinehomeremodeling.com

    Thanks!~ Marina

    Posted 4 years ago #
  5. Elliott
    Support

    Take a screenshot and highlight the area your trying to change.

    Posted 4 years ago #
  6. marinastamos
    Member

    Hi, Thanks. It's the diagonal stripes background image that is the background of the entire homepage, and all the interior pages. The screen shot----I took out a tall gray block in the field that i am trying to change....thanks! marina

    Posted 4 years ago #
  7. Hi Marina,

    I can't see the screenshot attached.

    -roch

    Posted 4 years ago #
  8. marinastamos
    Member

    Hi..sorry, I'll try again.

    Posted 4 years ago #
  9. marinastamos
    Member

    Hi...I am having problem with the upload. If I might direct you to the site again---it's simply the diagonal stripes background of the entire site. (not the body, not the header)---the entire site's background. Does that make sense? thanks! Marina

    Posted 4 years ago #
  10. marinastamos
    Member

    Hi...one more thought: I'm looking at the other skins---like Canvas. That fleur-de-lis wallpaper background---that's the target. I need that fleur de lis in gray tones as the wallpaper background to my site. How do I do that from admin for the homepage? THANKS! Marina

    Posted 4 years ago #
  11. Elliott
    Support

    If your wanting a different one just for the homepage then you need to use the CSS we provided.

    Make sure to hit the "Upload" button instead of "Sent Post" when attaching screenshots.

    Posted 4 years ago #
  12. Elliott
    Support

    If your wanting a different one just for the homepage then you need to use the CSS we provided.

    Make sure to hit the "Upload" button instead of "Sent Post" when attaching screenshots.

    Posted 4 years ago #
  13. marinastamos
    Member

    THanks...then one more question---if I want that background for ALL the pages (not just the homepage), what is the procedure? ANd when you say, "use the css...", I don't have that kind of tech skill to know what to do with that information. Where/how do I place it? Then, how do I upload the wallpaper I want to use as the background to the pages.

    thanks! Marina

    Posted 4 years ago #
  14. marinastamos
    Member

    Hi, Do you mean that I should place that code in this area in my stylesheet?

    /* Custom Backgrounds
    -------------------------------------------------------------- */
    body.has_custombg>.multibg>.multibg,body.has_custombg>.multibg{display:none;}

    thanks!

    Posted 4 years ago #
  15. Elliott
    Support

    You copy / paste it into Dashboard -> your theme -> General Settings -> Custom CSS.

    Posted 4 years ago #
  16. marinastamos
    Member

    Hi, Elliott,

    Thanks for the reply. Copying and pasting this code (from above---is_home { background-image: url("http://test.iec-electronics.com/wordpress/wp-content/uploads/2013/07/home_lines_bg.jpg") !important; }
    --- into that space that you indicated does not work. There must be other steps.

    I bought this thinking that there were custom backgrounds for ALL pages... What I see is that the homepage is the one that is excluded from this option.

    So, let's stop this back and forth. I sense you are frustrated. I am too.
    I request that I be given a complete answer about how to upload a custom background to the homepage---an answer that assumes no real knowledge of what to do at the ftp / bluehost level.

    Or, I want to switch to Method---but one question about method---can I make the header taller, to accommodate the current logo? How?

    thank you,
    Marina

    Posted 4 years ago #
  17. marinastamos
    Member

    LIKE THIS: http://brainiuminc.com/blog/---that I saw in your showcase.

    This has a custom image---the same one---across all pages. I want to achieve this with my site...thanks!

    Posted 4 years ago #
  18. marinastamos
    Member

    Hi, Elliott...can I please get a response...so I can close this up and move to my next project. I'd like to purchase other themes...I just need to get resolution on this so I can be sure I am presenting the site's options accurately to my clients....thanks! Marina

    Posted 4 years ago #
  19. Elliott
    Support

    So now you want the background image on all pages? You can set this in your skin.. Dashboard -> your theme -> Skins -> Manage Skins -> Edit.

    If you don't see the option then add one in, http://mysitemyway.com/docs/index.php/Advanced_Skinning#Full_Screen_BG.2B.

    Posted 4 years ago #
  20. marinastamos
    Member

    THANK YOU SO MUCH!!! NOw I get it!! thanks, Marina

    Posted 4 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme