Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #171067
    computermate
    Participant

    Heyho 🙂

    I noticed, that the right border of the search field on the 404 Page and on the page that appears if no search results were found, is missing. I guess this was made with the search submit button in mind, which is on the right side of the Search field in the main menu.

    A quick solution to this is to change a line in the style.css in the following block (line ~760):
    input[type="search"].search-field {

    Change this line in the block
    border-width: 1px 0 1px 1px;
    to this one:
    border-width: 1px 1px 1px 1px;

    Now the search field has a right border on the 404 and the “No search results” page.

    A better solution would be to add the search submit button on the search field of those two pages, but I have not figured out, how to do this yet.

    #171093
    Skandha
    Keymaster

    @computermate: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .error404 .entry-content .search-form .search-submit {
    	position:unset;
    }
    .error404 .entry-content .search-form input[type="search"].search-field {
    	border-width:1px;
    	width:100%;
    }

    Let me know if this what you want!
    Kind Regards,
    Skandha

    #171119
    computermate
    Participant

    Heyho 🙂

    Looks almost like i wanted it one the “404 Page not found” Page:
    page-not-found search box
    The Search Icon is just a little to small on the lower edge.

    On the “no search results” Page however, it looks like before:
    no-search-results search box

    I added these lines now in the customizer instead of editing the original CSS as mentioned above:

    input[type="search"].search-field {
    	border-width: 1px;
    	width:100%;
    }

    For the border issue it works fine for me, since I have no other Search fields

    Live Demo 404: https://progress.computermate.de/NonExistingPage
    Live Demo no search result: https://progress.computermate.de/?s=NoSearchResult

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Missing border of Search field in 404 Page and in No Search Results Page’ is closed to new replies.