Editing CSS of Make theme
-
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;
}
}
- The topic ‘Editing CSS of Make theme’ is closed to new replies.