使用css从徽标添加背景颜色到菜单

时间:2015-11-16 13:42:21

标签: html css magento menu

请通过以下链接:

http://2.kidsdial.com/customer/account/login

并使用此电子邮件ID登录:kidsdial2@gmail.com&密码:kidsdial2

请查看:http://2.kidsdial.com/marketplace/marketplaceaccount/myproductslist/

在顶部,您可以看到:列表,订单,退货。上面有一个

徽标图片:totaltoys。

我想在徽标顶部显示背景颜色[totaltoys]到菜单底部,如下所示:enter image description here

2 个答案:

答案 0 :(得分:0)

你可以测试这些CSS规则

#horizontalmenu .mymenu > li {
    height: 32px;
    line-height: 32px;
    width: 100px;
}
#main_header .header-container .header {
    background-color: #ffff00;
}
#horizontalmenu{
    margin-top: -5px;
}

答案 1 :(得分:0)

我会从:

删除.bkg_header_bottom
.adapt-0 .em-box-custom .bkg_header_bottom, .em-box-custom .container_header, .bkg_header_bottom{
    background-color:#fff !important;
}

并且可能会删除此处的颜色,因此您不会复制代码:

.adapt-0 .em-box-custom .bkg_header_bottom, .em-box-custom .container_header, .bkg_header_bottom {
    background-color: #3fbdf7;
    background-image: url(../images/stripes/blank.gif);
    background-position: 0 0;
    background-repeat: repeat;
    color: #FFFFFF;
    clear: both;
}

在此处添加所需的背景颜色,此类包含您想要着色的两个元素:

.page.one-column{
    background-color: #3fbdf7;
}