Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Easy Background Image Fix??



    I am using the Revolution Blog theme (style sheet) for WordPress and attempting to get my border areas to look like this:
    http://jeremycaverly.com/backgroundwanted.jpg

    I've gone in and uploaded the new image to the images folder within the theme as bg.gif.

    Unfortunately, my styling still just looks like this:
    http://jeremycaverly.com/backgroundasis.jpg

    I'm guessing this is a SUPER simple fix and was hoping you could either offer assistance or shoot me a link to a resource that would explain it.
    Last edited by CakeMix; 07-20-2008 at 06:33 PM.

  • #2
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Hi there,

    Really cant solve this without a link to your site (tried going to jeremycalvery.com and got a coming soon message) or all of your code (would prefer a link).

    Best Regards,

    Drew
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • #3
    Regular Coder medigerati's Avatar
    Join Date
    Jul 2005
    Location
    San Antonio, Tx
    Posts
    163
    Thanks
    0
    Thanked 7 Times in 7 Posts
    Looks like the path to your background image is wrong. In the stylesheet, you have the path as 'images/bg.gif' but in your description it's just 'bg.gif'.

    Try either removing 'images' from the path, or placing the image in the 'images' folder.
    If you need a little more help, I'm available as a Website designer in San Antonio
    ----------
    If I've helped, please check out my friend's nature photography and let me know if you like anything.

  • #4
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    OK, I can't give a link to the actual site because it isn't announced yet and is for a client.

    What other code would you need besides the main Style Sheet? It is a WordPress installation with the free "Revolution Blog" theme.

    I can post further code if you give me some guidance as to what else you need to see.

    As far as the directory, I have the image in the correct directory on the other server that I am using. I only put it in the root of my personal site to show it to you guys so you could see what the full image looks like.

    The back end is accessing the bg.gif file correctly because if I go to the site and right click > View Background Image, it shows the full length image. It's like it's there but it's being hidden behind the white of the side bar columns.

  • #5
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Ok, well, without seeing the site it is hard for me to fix problems, but try a z-index on the body to see if it brings it up:

    Code:
    body {
         /*your styles*/
         z-index:100;
    }
    Drew
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • #6
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That doesn't seem to fix anything.

    Here is a live demo of the exact same theme I am running

    http://www.revolutiontheme.com/blog/

    In FF if I right-click > View Background Image in the upper left corner, I see this raw image

    http://www.revolutiontheme.com/blog/.../images/bg.gif

    I want this image to run right down the side so it looks like this:



    And I'd like to know how to do different images for the right and left "borders"

    Thank you for all your attention!

  • #7
    Regular Coder medigerati's Avatar
    Join Date
    Jul 2005
    Location
    San Antonio, Tx
    Posts
    163
    Thanks
    0
    Thanked 7 Times in 7 Posts
    I think the '#wrap' div is causing the problem. Or this bit of code at the top of your stylesheet:

    Code:
    #wrap {
    	background: #FFFFFF;
    	margin: 0px auto 0px;
    	padding: 0px;
    	}
    Remove the 'background: #FFFFFF;' line and see if that helps. This will probably cause all the content to lose its white background, but it should fix this problem.
    If you need a little more help, I'm available as a Website designer in San Antonio
    ----------
    If I've helped, please check out my friend's nature photography and let me know if you like anything.

  • #8
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That worked ... but you're right, now ALL of my content modules are transparent. Any idea how I can fix it so all of my content still has the white background?

    Thank you for joining in on the fun!

  • #9
    Regular Coder medigerati's Avatar
    Join Date
    Jul 2005
    Location
    San Antonio, Tx
    Posts
    163
    Thanks
    0
    Thanked 7 Times in 7 Posts
    I believe you can apply the background: #ffffff; to the '#content' div, but you'll need to apply a 'clearfix' to the div. Something like this should work:

    Code:
    #content {
    	width: 960px;
    	margin: 0px auto 0px;
    	padding: 20px 0px 0px 0px;
    	background: #ffffff;
    	overflow: hidden; /* clearfix - makes content div wrap around three floated child divs */
    	_height: 1%; /* Make clearfix work in IE6 */
    }
    You can read more about this method of clearing floats if you want.
    If you need a little more help, I'm available as a Website designer in San Antonio
    ----------
    If I've helped, please check out my friend's nature photography and let me know if you like anything.

  • Users who have thanked medigerati for this post:

    CakeMix (07-21-2008)

  • #10
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That looks like it fixed it!! Thank you thank you!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •