Title: Logo alignment Last modified: August 20, 2016 --- # Logo alignment * Resolved [lenny86](https://wordpress.org/support/users/lenny86/) * (@lenny86) * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/) * Hi! * I have a website where at the top of the page I use menu. I have placed inside that div logo as a CSS background image [background: #C7C7C7 url(‘images/nav. png’) center left no-repeat scroll; [background: transparent url(‘images/nav. png’) center left no-repeat scroll;] * But it was causing problems and I could’t make it as a hyperlink I have uploaded static page at: [http://kwatery.herobo.com/PPOZ/home.html](http://kwatery.herobo.com/PPOZ/home.html) where I have split div which holds menu so it could hold image as well. * Now I have problem with aligning it properly. Here is how my DIV looks like with that static page: *
[”logo”](https://wordpress.org/support/topic/logo-alignment-1/home.html?output_format=md)
* I assume I have to align it with CSS but I can’t figure out how to do that. * One more thing: will that solution work with WordPress header file? * Thanks! Viewing 12 replies - 1 through 12 (of 12 total) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482210) * Sorry, WordPress.org forums only support WordPress.org themes, plugins and the core application. * Thread Starter [lenny86](https://wordpress.org/support/users/lenny86/) * (@lenny86) * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482325) * I’m sorry I didn’t make myself clear. * I do have a wordpress site at following address: [http://ppoz.net78.net/WP/](http://ppoz.net78.net/WP/) But I made it static so I wouldn’t get the straight answer on how to edit WP files and I would have to think about it a little. * As you can see at the WordPress site there is a logo as CSS background. I understand that I have to edit the header file in the similar way I have done with static page but how should I edit CSS to align it as it is right now on WP page? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482326) * As your query is not related to WordPress, you can ask it in CSS forums such as [http://csscreator.com/forum](http://csscreator.com/forum) * [LastForOne](https://wordpress.org/support/users/jarral/) * (@jarral) * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482335) * first of all i’d recommend you to use classes/ids instead of inline styling, for example you can define a class `.left{ float: left; }` and float any element to the left by applying that class **EG:** `
go left
` that will save you a lot of time going back and forth aligning the elements and you can use `margin:0 auto; which is equal to (top & bottom 0; left and right auto;)` * Goodluck, LastForOne * Thread Starter [lenny86](https://wordpress.org/support/users/lenny86/) * (@lenny86) * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482336) * Thanks LastForOne!! * I’ll try it tonight and let you know if I handled it! * Thread Starter [lenny86](https://wordpress.org/support/users/lenny86/) * (@lenny86) * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482416) * Hi, * I have done it and it looks exactly as I wanted to but now anything I will place inside that div is not clickable. I have placed there a image and a word as a hyperlink and I was not able to click on any of them. * Here is the CSS and HTML .ppoz-left { float: left; margin:auto auto 20px 250px; padding:0 10px 0 100px; } * `
link
` _[Please post markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]_ * any idea what am I doing wrong? * [WPyogi](https://wordpress.org/support/users/wpyogi/) * (@wpyogi) * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482417) * These may be helpful: * [http://ran.ge/2009/11/11/css-trick-turning-a-background-image-into-a-clickable-link/](http://ran.ge/2009/11/11/css-trick-turning-a-background-image-into-a-clickable-link/) * [http://stackoverflow.com/questions/6656709/making-a-background-image-clickable-by-overlaying-hyperlink](http://stackoverflow.com/questions/6656709/making-a-background-image-clickable-by-overlaying-hyperlink) * Beyond that, try asking on Artisteer’s forums — as their themes are not supported here. * [LastForOne](https://wordpress.org/support/users/jarral/) * (@jarral) * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482428) * **this is what you’ve** ``** Replace it with ** `` * you forgot the trailing slash to close the `` tag. hope that works. * Thread Starter [lenny86](https://wordpress.org/support/users/lenny86/) * (@lenny86) * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482433) * Hi, * I have found a way to resolve this with a static page: _ [Way too much code deleted – please use code buttons per the forum guidelines] * any idea on how to include clickable logo within that div? * Thread Starter [lenny86](https://wordpress.org/support/users/lenny86/) * (@lenny86) * [13 years, 3 months ago](https://wordpress.org/support/topic/logo-alignment-1/#post-3482453) * Hi, * I have placed my div like that: * ```