css - 标题中的 2 个小部件

Question

我正在使用 Genesis 自定义主题。我正在尝试复制 this site 上的标题, 但到目前为止我只有 this .

我正在尝试为上方导航栏顶部的 3 个链接创建一个菜单，但我使用的是 Genesis，似乎没有 Hook 。有没有人对如何包含这三个链接并使其中的链接起作用有任何建议？我真的很茫然。

提前致谢

托尼

Answer 1

这三个链接具有基本的 HTML:

<ul id="utility-list" class="nav-0">
    <li class="home  first-nav nav_large nav" id="utility-list_request-more-information"><a href="/request-more-information/"><span>Request More Information</span></a></li>
    <li class="home nav" id="utility-list_customer-care"><a href="/customer-care/"><span>Customer Care</span></a></li>
    <li class="home last-nav nav" id="utility-list_faq"><a href="/faq/"><span>FAQ</span></a></li>
</ul>

我建议查看站点并使用浏览器 DevTools 来帮助您检查上述每个元素的 CSS 规则。这将准确地告诉您完成布局所需的内容。有道理吗？

这是一个示例(这是 http://www.ascseniorcare.com 使用的实际 CSS):

.utility-nav ul {
    list-style: none;
    line-height: 46px;
}

.utility-nav li {
    display: block;
    float: left;
    background: url(../css_images/senior-util-left.png) left bottom no-repeat;
    padding-left: 4px;
    margin-right: 50px;
}