The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

combining logos and backgrounds

  • # April 25, 2008 at 3:54 pm

    I maintain the web site for our local curling club. I want to overlay the club logo outer white space with
    the background so that the logo merges into the page better. The white space on the inside of the
    logo should not be overlaid.

    The club logo can be found at

    The background I want to use is at

    Are there any simple tools which will help in doing this?


    # April 25, 2008 at 4:38 pm

    Do you mean like the image below? The best tool to use is Adobe Photoshop. CS3 is the latest version of the software.

    To get the logo away from the surrounding white border you would use the "magic wand" tool which selects all of the white area, then choose select=>inverse then copy and paste over blue background.

    Hope this helps.

    # April 25, 2008 at 5:45 pm

    This reply has been reported for inappropriate content.

    thanks, don’t have Photoshop, have Gimp tho. I will try doing this with that software.


Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed