add background color from logo to menu using css

问题:

please go through below link :

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

and login with this email id : [e-mail] & password : kidsdial2

than please check this : http://2.kidsdial.com/marketplace/marketplaceaccount/myproductslist/

on top , you can see : Listings, Orders, Returns . above there is a

logo image: totaltoys.

I want to display background color from top of the logo [totaltoys] to bottom of the menu as like this :

回答1:

you can test these CSS rules

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

回答2:

I would remove .bkg_header_bottom from:

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

and possibly remove the color here as well so you aren't duplicating code:

.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;
}

Add the background color you want here, this class contain both elements you want colored:

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