Forums

Floating an image on a header (4 posts)

  1. shettena
    Member
    Posted 2 years ago #

    Hi, first time poster here.

    I am running K2 and I'm trying to float an image on my header. The image is my name so I'd like to reposition it. I've managed to get my site to load the image in the header but I'd like to be able to move it around. Can somebody help with this?

    Here's a link to my site: http://www.sethhettena.com

  2. milesa2
    Member
    Posted 2 years ago #

    you can either float it left or right but you have it set to position:absolute now.

    Where do you want to move it?

  3. shettena
    Member
    Posted 2 years ago #

    milesa2,

    Thanks so much for answering me. I added position:absolute into the img code in my header and played with the margins. And presto!

    Now, I'm trying to figure out how to change the color in the rest of the header so that it matches the background of my image.

    Any thoughts on that?

  4. milesa2
    Member
    Posted 2 years ago #

    Did you do any styling not in your style sheet. This code seems like it was placed in your header.php file but all you need to do is take out that backgroud-image which is causing it to be black and use

    background-color:#samecoloraslogo;
    instead of that background image.

    <style type="text/css">
    				#header {
    			background-image: url("http://sethhettena.com/blog/wp-content/uploads/2010/04/cropped-logo.jpg");
    		}
    
    				#header .blog-title a,
    		#header .description {
    			color: #ffffff;
    		}
    </style>

Topic Closed

This topic has been closed to new replies.

About this Topic