2016-08-15 125 views
0

正在使用下划线的主题,我只是添加了联系人信息的窗口小部件到我的网站用下面的代码开发WordPress网站的顶部和底部的边距:我怎样才能消除在容器

<div class="topheader"> 
    <div class="info"> 
     <?php if(is_active_sidebar('info')) : ?>   
      <?php dynamic_sidebar('info'); ?> 
     <?php endif; ?> 
    </div> 
</div> 

CSS:

.topheader { 
    background-color:#e6e6e6; 
} 
.info { 
    max-width: 1280px; 
} 

该信息是我在页面上的第一件事。但是我发现滑块所在的顶部和底部有一个空间。

如何消除我在标题前后看到的现有保证金?

原因现在我差距,然后小部件,并在小部件之后有另一个差距,只有滑块。 我试图设置页眉边距为0px,但它并没有真正的工作。

下面的截图 Show a spacing at the top and at the bottom

+0

你可以在这里粘贴工作网站的网址.. –

+0

@Naresh Kumar.P。现在正在本地主机上开发-http:// localhost/scentology/ –

+0

如果我们无法看到发生了什么,我们该如何帮助您? – Lee

回答

0

我怎样才能消除现有的保证金,我之前和标题后看到了什么?

通过标题你是指任何机会的H3标签?这些是侧边栏中的默认设置。您应该在侧边栏中的H3标签上设置margin-top:0,以摆脱任何推动侧栏的边距。

为了解决这个问题,我会在窗口部件中添加一些margin-bottom来将它们分开。

我认为这就是你的意思..但是如果没有任何视觉表示你的问题是很难理解的。

0

必须设置在CSS的起始值是这样的:

body, html { 
    margin: 0; 
    padding: 0; 
} 

否则,请在这里复制页面的整个代码。在浏览器中打开它,打开网站代码并全部复制。

0

只要检查元素,并测试什么导致边缘。你可以试试这个代码。这可能有帮助。但不确定,因为你的问题不够清楚知道你的代码。

*{ 
margin: 0; 
padding: 0; 
} 
.top-header, .info { 
margin: 0; 
padding: 0; 
}