2017-04-09 72 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