标题中的2个小部件

时间:2014-03-18 19:15:54

标签: css widget

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

我正在尝试为上导航栏顶部的3个链接创建一个菜单,但我正在使用Genesis,并且似乎没有挂钩的挂钩。有没有人对如何包含这三个链接并获取其中的链接有任何建议?我真的很茫然。

提前致谢,

托尼

1 个答案:

答案 0 :(得分:0)

这三个链接都有基本的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;
}