Logo alignment

Sorry, www.ads-software.com forums only support www.ads-software.com themes, plugins and the core application.

I’m sorry I didn’t make myself clear.

I do have a wordpress site at following address: https://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?

As your query is not related to WordPress, you can ask it in CSS forums such as https://csscreator.com/forum

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: <div class='left'>go left</div> 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

Thanks LastForOne!!

I’ll try it tonight and let you know if I handled it!

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;
}

<div class='ppoz-left'><a href="home.html"><img src="images/nav.png" width="300" height="83">link</a></div>
[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?

These may be helpful:

https://ran.ge/2009/11/11/css-trick-turning-a-background-image-into-a-clickable-link/

https://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.

this is what you’ve
<img src="images/nav.png" width="300" height="83">
Replace it with
<img src="images/nav.png" width="300" height="83" />

you forgot the trailing slash to close the <img> tag.
hope that works.

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?

Hi,

I have placed my div like that:

<nav class="ppoz-nav clearfix">
<strong><a><img src="../images/nav.png" width="300" height="83" alt="logo" align="left" /></a></strong>
<?php
	echo theme_get_menu(array(
			'source' => theme_get_option('theme_menu_source'),
			'depth' => theme_get_option('theme_menu_depth'),
			'menu' => 'primary-menu',
			'class' => 'ppoz-hmenu'

And I can see the container that should hold the image but the image itself won’t show up on the page. I have tried different paths to the image and still nothing.

Any advise?

Your site URL does not seem to be valid anymore?? Try using an absolute file path.

Beyond that, try asking on Artisteer’s forums — as their themes are not supported here.

[Also, please see: https://codex.www.ads-software.com/Forum_Welcome#Posting_Code ]

Absolute file path work like a charm!

Thanks!!