2017-04-09 84 views
0

我在试图定制jekyll主题的杂草中有点迷失。我的存储库是capecchi.github.io,我试图让一些菜单图标居中。我已经研究过如何做到这一点,并已成功获得博客/项目按钮居中,但由于某种原因,我的社交按钮稍微偏离右侧。我能看到的唯一添加的类(在header.html中)是“导航 - 社交”类(在/css/uno.css中定义),并且我无法找到此类中可能定义左边距的位置或任何东西。我是网络开发的新手,并且已经在这方面捅了很长时间(因此我添加了“TESTING”按钮)。我只是坚持找到这个抵消来自哪里,并会欣赏任何输入。谢谢!居中菜单按钮

+0

我也补充一点,我发现“的.navigation - 社会”的7个实例在文件/css/uno.css,没有别的地方。但是,更改这些参数似乎对布局没有影响。例如,uno.css的第1391-1392行包含以下内容: .navigation - social { \t margin-left:1.5em; } 在我看来,这似乎是一个可以去除不需要的左边距的地方。但改变这似乎没有效果。难住了。 – user7828298

回答

0

.navigation--social(uno.css 1391行)有1.5em的余裕。

实际上,删除这个边距会使按钮居中,但不完美,因为.navigation__item(uno.css行1376)有另一个边距。您应该放置等量的余量或删除余量 - 右键以获得完美居中的按钮。

我通过使用Firefox的督察发现了这一点。大多数浏览器都带有此功能,您可以通过右键单击页面并从上下文菜单中选择“检查元素”来打开它。

Screenshot of the inspector window showing the margins and the offending styles.

+0

谢谢!这非常有用 - 我不仅解决了这个问题,而且现在我知道如何在未来追踪问题时更有效率!我觉得你今天教我如何钓鱼。 – user7828298