2013-07-23 4 views
1

Заранее прошу извинить, если этот вопрос уже был дан, но у меня сложнее всего сделать мой логотип здесь: http://testsite.brentthelendesign.com/. Это веб-сайт WordPress «Скелет». Любая помощь будет принята с благодарностью! Код ниже.Проблема с заголовком заголовка заголовка (WordPress)

HTML

<header class="left full header-bg"> 
    <div class="container"> 
     <div class="container-inside left"> 
      <div class="sixteen columns"> 
       <h1 class="logo abs"><a href="<?php echo get_option('home'); ?>"/></a></h1> 
       <nav> 
        <?php st_navbar(); ?> 
       </nav> 
      </div> 
     </div> 
    </div><!--container--> 
</header> 

CSS

h1.logo { 
left:50%; 
margin-left:-80px; 
float: none; 
text-align: center; 
} 


h1.logo a { 
background:url(images/logo.png) no-repeat; 
width:181px; 
height:127px; 
display:block; 
text-indent:-9999px; 
float: none; 
text-align: center; 
cursor: pointer; 
} 


.header-bg { 
height: 190px; 
background: url(images/bg-header.png) repeat; 
} 

ответ

0
> using this css you can display your logo with your home url. 


h1.logo { 
    float: none; 
    left: 50%; 
    margin-left: -80px; 
    text-align: center; 
    z-index: 10000; 
} 

h1.logo a img{ 
       display:block; 
} 

enter image description here

+0

Ничего себе. Большое спасибо ... дух. Я просто не определял h1.logo img – beetheezy

0

Ты шаблон настроен использовать значение WP_HOME в качестве связующего звена, который настраивается в Wordpress администратора под Settings > General. Вы также можете изменить это значение, явно устанавливая постоянные значения в вашем wp-config.php:

define('WP_HOME', 'http://example.com'); 
define('WP_SITEURL', 'http://example.com'); 

Вы также можете просто отредактировать файл шаблона, если вы хотите жёстко его (что является более эффективным, если он никогда не изменится), замените <?php echo get_option('home'); ?> на нужный URL.

+0

Спасибо за ваш ответ .. Iv'e попробовал свои предложения и логотип просто не кликабельны ... Может быть, это что-то делать с ним быть фоновое изображение? – beetheezy

+0

Это элемент фона на ярлыке привязки, поэтому 'A' должен быть доступен для кликов. Можете ли вы использовать «Inspect Element» в chrome, чтобы убедиться, что элемент DOM можно выбрать? – doublesharp

0

Можете ли вы попробовать вместо того, чтобы устанавливать свой логотип в качестве фонового изображения через css, чтобы поместить его сюда?

<h1 class="logo abs"> 
    <a href="<?php echo get_option('home'); ?>"/> 
    <image src=""> 
    </a> 
</h1> 

Попробуйте это и расскажите мне, как это происходит.

+0

hmmm ..... Я тоже это пробовал, и изображение даже не появляется, пока я не установил h1.logo a в h1.logo a {display: inline;} Но изображение все еще не связано. – beetheezy

Смежные вопросы