Oxygen Builder search button custom

To custom search as shown above, insert below css in your custom.css file

#searchform > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

#s      {
  border: 0px solid #ddd;
  width: 100%;
}
.oxy-search-form input {
    padding: 0.8em 1em;
  font-family: 'Inter';
}

#searchform input[type="submit"] {
  font-family: 'Inter';
    color: rgb(255,255,255);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding: 18px 64px;
    border-radius: 6px;
    box-shadow: rgba(0,0,0,0.3) 0 12 18 -10;
    transition: all ease 0.2s;
    outline: none;
    cursor: pointer;
    border: none;
}
#searchform input[type="submit"]:hover {
    transform: scale(1.05,1.05);
}
Copyright © 2023 Siam Naulak.
magnifiercrossmenu