Home /
Expert System /
How to include the searchbox and the newsletter sign-up box in the header

How to include the searchbox and the newsletter sign-up box in the header

in the file / app / design / frontend / default / web-experiment / layout / local.xml add after

this code:

in the file / app / design / frontend / default / web-experiment / template / page / html / header.phtml add before

this code

In the end of the file / skin / frontend / default / web-experiment / css / skin.css add the following code:

.header .search-block {
    margin-top: 40px;
}
.header .block-subscribe {
    width: 420px;
    float: left;
    margin: 11px 10px 0 50px;
    padding-right: 0;
    background: transparent;
    position: relative;
    _display: inline;
}
.header .block-subscribe .block-title {
    width: auto;
    height: auto;
    margin: 0 0 2px 0;
    padding: 0 0 0 0px;
    text-align: left;
    float: left;
    text-indent: 0;
    background: transparent;
}
.header .block-subscribe .block-title strong {
    display: inline;
    padding: 0;
    background: transparent;
}
.header .block-subscribe .block-title strong span {
    color: gray;
    text-transform: uppercase;
    background: none!important;
}
.header .block-subscribe .block-content {
    padding: 0;
    width: 420px;
    background: none;
}
.header .block-subscribe .input-box {
    padding: 0;
}
.header .block-subscribe input.input-text {
    background: #F8F8F8;
}
.header .block-subscribe input.input-text:focus {
    background: white;
}
.header .block-subscribe .form-subscribe-header {
    display: none;
}
.header .form-search {
    background: transparent;
    height: auto;
    padding: 3px 0 0 0;
    position: static;
    width: 400px;
    float: right;
    margin-right: 50px;
    margin-top: 11px;
}
.header .form-search label {
    display: block;
    float: left;
    overflow: hidden;
    width: auto;
    margin-bottom: 3px;
    color: gray;
    text-transform: uppercase;
    text-align: left;
    text-indent: 0;
    font-weight: bold;
    padding: 3px 0 0 14px;
    height: 24px;
}
.header .form-search input.input-text {
    margin: 0 12px 0 12px;
    height: 19px;
    width: 188px;
    padding: 0 3px;
}
.header .form-search button.button span span {
    padding: 3px 0 0 23px;
}

Go to contents Back to previous page

Share on Facebook google icon

Share on Google

Twitter