• I am having issues finding the css for the top search bar in the Make theme header. I want to override any changes done to it so I can ensure it actually works.

    I’ve been edit and reverting in style.css to find this search bar. I want to change the placeholder text color but changes do not work. Can someone point me in the right direction?

    Here is my header section of style sheet for reference:

    .header-bar a {
    color: inherit;
    text-decoration: none;
    }
    .header-bar a:hover,
    .header-bar a:focus {
    text-decoration: none;
    }
    .header-bar textarea,
    .header-bar input {
    background-color: #000;
    font-size: 12px;
    font-size: 1.2rem;
    }
    .header-bar .search-form {
    padding: 22px 0 11px;
    padding: 2.2rem 0 1.1rem;
    font-size: 13px;
    font-size: 1.3rem;
    }
    @media screen and (min-width: 1100px) {
    .header-bar .search-form {
    float: right;
    padding: 11px 0 11px 16px;
    padding: 1.1rem 0 1.1rem 1.6rem;
    padding: 11px 0;
    padding: 1.1rem 0;
    }
    }
    .header-bar .search-form input {
    width: 100%;
    border: 1px solid;
    }
    @media screen and (min-width: 1100px) {
    .header-bar .search-form input {
    width: 175px;
    }
    }
    @media screen and (min-width: 800px) {
    .header-bar .search-form input {
    width: auto;
    }
    }
    .header-bar .search-submit {
    display: none;
    }
    .header-bar.right-content .header-text {
    padding-top: 11px;
    padding-top: 1.1rem;
    }
    @media screen and (min-width: 1100px) {
    .header-bar.right-content .header-text {
    overflow: hidden;
    position: relative;
    top: 5px;
    top: 0.5rem;
    }
    }

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Editing CSS of Make theme’ is closed to new replies.