标题搞砸了自定义页面模板wordpress

时间:2015-09-28 04:57:21

标签: css wordpress

我创建了一个自定义页面模板,这里是链接http://goo.gl/UFgzGQ,但我注意到标题的样式只在该页面上搞砸了。

如何解决这个问题?

这里是css

.header-wrap .search-icon {
float: right;
position: relative;
margin-top: -32px;
line-height: 6;
margin-right: -30px;
border-left: 1px solid #ECECEC;
cursor: pointer;
padding: 0 20px;
}

.header-wrap .ak-search {
background: none repeat scroll 0 0 #FFF;
display: none;
padding: 10px;
position: absolute;
right: 0;
top: 100%;
z-index: 9999;
box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
}

1 个答案:

答案 0 :(得分:0)

修改

实际上不是 CSS 导致错误或错误放置搜索图标,它的 DOM 即主要罪魁祸首:< / p>

你的缅因页面屏幕:

enter image description here

<!DOCTYPE html> 
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
      ....

你可以看到它已经完美定义了doctype的标题,而在你的内页:

enter image description here

<head>
 <script type="text/javascript" src="https://www.google.com/recaptcha/api.js" async defer></script>
</head>
<!DOCTYPE html> 
  <html lang="en-US">
    <head>
      <meta charset="UTF-8">
         .........

有一些破碎的代码即主要罪魁祸首并导致问题。