How do I clone the background of this php site in a wordpress blog...?

by xInd
7 replies
  • WEB DESIGN
  • |
Hey,

Since my php and css skills are very limited, I have not had much luck in figuring out how to make the background of the wordpress blog I am working on look the same as the main site. The main site is ShopDrawer.com and the wordpress blog is ShopDrawer.com/sell-items-online/

I tried copying the main stylesheet directly from the main site and pasting over my wordpress theme's stylesheet but that didn't seem to help... There are a few stylesheets referenced in the source code though..

Any help would be greatly appreciated.
Cheers.
#background #blog #clone #php #site #wordpress
  • Profile picture of the author pinterest01
    do u want to copy the background image or the css file?
    Signature
    Visit My Portfolio | Hire me $10/Day | I'l setup your website, blog, ecommerce site, web 2.0 for FREE!* (PM for Details)
    {{ DiscussionBoard.errors[7087249].message }}
  • Profile picture of the author Dan Grossman
    Open up businessblog.css in your theme directory

    This is the current style in that file:

    Code:
    body{
    	background: #e6e6e6 url(../../library/styles/colour-images/bg.png) repeat-x top;
    	color: #3D3D3D;
    	font-family: "Lucida Grande", Calibri, "Trebuchet MS", Arial;
    	font-size: 12px;
    }
    Change it to use the same background image as your main site:

    Code:
    body{
    	background: url(/images/main-bg.jpg);
    	color: #3D3D3D;
    	font-family: "Lucida Grande", Calibri, "Trebuchet MS", Arial;
    	font-size: 12px;
    }
    Signature
    Improvely: Built to track, test and optimize your marketing.

    {{ DiscussionBoard.errors[7087285].message }}
  • Profile picture of the author maverickbiker
    your forgeting the header background on the main site

    Code:
         .header-strip {
        background: url("../images/top-header-bg.jpg") repeat-x scroll 0 0 transparent;
        height: 72px;
        margin-bottom: 50px;
    
    
    }
    So you will need to add that into your background image for the blog.
    Just combine the two in photoshop and drop in the new image into the code Dan Grossman highlighted.

    I also note in firefox that there is some alignment issues on the main site
    {{ DiscussionBoard.errors[7087479].message }}
  • Profile picture of the author Bryan Zazz
    or if you don't want to do WordPress surgery inside WP's entrails,
    a simpler solution is to simply:

    1. find the path to the background image you are interested in
    2. save a local copy of the image on your machine
    3. find the path to the background image of your current WP site
    4. rename "new image" to the "old image" name of your WP site
    5. paste image you want in place of your current WP background image
    6. reload your WP page - you should see the new background

    This is the "lazy way out". Not sure if it works "exactly" in your case ... if you won't need to edit your image first (Photoshop) to have the same dimensions and format as your current image.

    There might be some copyright issues also on that image, but I am not a lawyer, so I assume you know what you're doing...

    Saving a copy of your initial image might be a good idea here, so you can reverse your action if you want to.

    good luck!
    {{ DiscussionBoard.errors[7107980].message }}
    • Profile picture of the author Dan Grossman
      Originally Posted by Bryan Zazz View Post

      or if you don't want to do WordPress surgery inside WP's entrails,
      a simpler solution is to simply:

      1. find the path to the background image you are interested in
      2. save a local copy of the image on your machine
      3. find the path to the background image of your current WP site
      4. rename "new image" to the "old image" name of your WP site
      5. paste image you want in place of your current WP background image
      6. reload your WP page - you should see the new background

      This is the "lazy way out". Not sure if it works "exactly" in your case ... if you won't need to edit your image first (Photoshop) to have the same dimensions and format as your current image.

      There might be some copyright issues also on that image, but I am not a lawyer, so I assume you know what you're doing...

      Saving a copy of your initial image might be a good idea here, so you can reverse your action if you want to.

      good luck!
      Won't work since the background declarations on the main site and the blog are set to different repeat values. One is tiling x/y and the other is only x.

      Plus, your "lazy way out" involves about 5 more steps than editing one line in the stylesheet, either on his computer or with WP's built-in theme editor.
      Signature
      Improvely: Built to track, test and optimize your marketing.

      {{ DiscussionBoard.errors[7108254].message }}
      • Profile picture of the author Bryan Zazz
        Originally Posted by Dan Grossman View Post

        Won't work since the background declarations on the main site and the blog are set to different repeat values. One is tiling x/y and the other is only x.

        Plus, your "lazy way out" involves about 5 more steps than editing one line in the stylesheet, either on his computer or with WP's built-in theme editor.
        oops, my bad.
        my point was that it was easier to just put a new image in place of old one,
        instead of hacking WP. But of course your point prevails.
        Obviously, if you know your way inside WP it helps. Not sure OP author does...
        {{ DiscussionBoard.errors[7108391].message }}
  • Profile picture of the author xInd
    Thanks for your help everyone!

    @Bryan Zazz - yeah I know my way around wordpress very well, my problem is that the main site is straight php and I haven't touched that in about 7 years, even then I never ended up learning enough to make my own sites in it, just enough to work with php site templates or add php functions to html sites really. Also, re: copyrights, well there better not be any issues as both the main site and the blog are owned by the same people, so if there was it would be in the people 'da boss' paid and he'd be after them to the fullest extent of the law. :-)

    I think I have it all figured out now, making a child theme for the one on the blog, but if I run into trouble, I'll be back!
    {{ DiscussionBoard.errors[7114952].message }}

Trending Topics