1

I am trying to add orange border in search engine.

https://zabezcen.pl/

Here is style.css file for reference:

      .searchbox-header {
            .search-wrapper {

                .block-content {
                    position: relative;

                    .nested {
                        display: none;
                    }

                    .input-text {
                        height: 44px;
                        border: none;
                        padding-right: 40px;
                        color: #444;
                        font-size: 108.33%;
                        .border_radius(3px);
                    }

                    .btn-search-header {
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 34px;
                        height: 34px;
                        opacity: 1;
                        padding: 0 !important;
                        background: transparent;
                        text-align: center;

                        &:hover {
                            color: #444 !important;
                        }

                        &:before {
                            .font-awesome(f002, 14px);
                            line-height: 34px;
                        }

                        span {
                            display: none;
                        }
                    }
                }

            }
        }

        // SEARCH BOX PRO

        .sm-searchbox {
            .sm-searchbox-content {
                position: relative;

                .control {
                    .searchbox-cat {
                        position: absolute;
                        left: 0;
                        top: 0;
                        background-color: #fafafa;
                        border: none;
                        height: 44px;
                        width: 170px;
                        color: #444;
                        padding-left: 15px;
                        font-size: 108.33%;
                        border-right: 1px solid #e5e5e5;
                        .border_radius(3px 0 0 3px);

                        &:hover {
                            cursor: pointer;
                        }
                    }

                    #searchbox {
                        padding-left: 190px;
                        height: 44px;
                        border: none;
                        color: #444;
                        padding-right: 40px;
                        font-size: 108.33%;
                        .border_radius(3px);
                    }
                }

                .actions {
                    .btn-searchbox {
                        height: 40px;
                        opacity: 1;
                        padding: 0 !important;
                        position: absolute;
                        right: 2px;
                        text-align: center;
                        top: 2px;
                        width: 40px;
                        .border_radius(3px);

                        &:before {
                            .font-awesome(f002, 18px);
                            line-height: 40px;
                        }

                        span {
                            display: none;
                        }

                        &:hover {
                            color: #333 !important;
                        }
                    }
                }
            }

        }

        // END SEARCH BOX PRO

    }
}

photo: enter image description here

closed as off-topic by Jai, Aasim Goriya, saravanavelu, Dhiren Vasoya, Manashvi Birla Feb 22 at 13:59

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions describing a problem that can't be reproduced OR seemingly went away on its own (or went away when a typo was fixed) are off-topic as they are unlikely to help future readers." – Jai, Aasim Goriya, saravanavelu, Dhiren Vasoya, Manashvi Birla
If this question can be reworded to fit the rules in the help center, please edit the question.

  • update border property to border: 1px solid orange; then check – Khushbu Feb 22 at 9:58
  • Please accept my answer if it helped you. It will help others too. – Kishan Patadia Feb 22 at 10:08
2

Use below CSS

#searchbox {
    padding-left: 190px;
    height: 44px;
    border: 1px solid orange;
    color: #444;
    padding-right: 40px;
    font-size: 108.33%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

Not the answer you're looking for? Browse other questions tagged or ask your own question.