我试图定制一个jekyll主题的杂草有点迷失。我的存储库是capecchi.github.io,我试图让一些菜单图标居中。我已经研究了如何做到这一点,并成功地将博客/项目按钮置于中心位置,但出于某种原因,我的社交按钮略微偏向右侧。我能看到的唯一添加的类(在header.html中)是“navigation - social”类(在/css/uno.css中定义),我找不到这个类中可能定义左边距的位置什么的我是网络开发的新手,并且已经花了很长时间(因此我添加了“TESTING”按钮)。我只是找不到这个偏移的来源,并且会欣赏任何输入。谢谢!
答案 0 :(得分:0)
在.navigation--social
(uno.css第1391行)上有1.5em左边距。
实际上,删除此边距会使按钮中心非常好但不完美,因为.navigation__item
上有另一个边距 - 右侧(uno.css第1376行)。您应该向左侧放置相等数量的边距,或者移除边距右侧以获得完美居中的按钮。
我通过使用Firefox的检查器找到了这个。大多数浏览器都附带此功能,您可以通过右键单击页面并选择" Inspect Element"来打开它。从上下文菜单中。
Screenshot of the inspector window showing the margins and the offending styles.