Customize search result page

  • Resolved ronelld.regen

    (@ronelldregen)


    9 years, 4 months ago

    Hey there,
    I just fixed a broken child theme due to a parent theme update. Some of the boldr_option things were replaced if I got that right.

    I customized the Boldr Lite a little bit. I’m using a layout without sidebar. It works fine for most pages (categories, single posts, etc.). But It doesn’t work for the search result page. There is no sidebar, but the page is not full width. I guess some CSS hacks are necessary. However, I did not find the CSS parts to customize.

    Or is it some php file which has to be customized? Which one?

    Are there any sugggestions…

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hey there ronelld.regen,

    How are you today?

    I guess the easiest way to change this would by adding some custom CSS. Would you mind posting link to your site where I can see this and I’ll happy to try to help you with that ??

    Best regards,
    Bojan

    Thread Starter ronelld.regen

    (@ronelldregen)

    Hey Bojan,
    no progress at all. I thought of playing around with custom CSS, but did not find anything that sounds good to me.

    The page is the following:
    https://design.praetz.net
    The search result page could look like:
    https://design.praetz.net/?s=blusen

    Thank you in advance.
    Kind regards, Ronelld.

    Hey again Ronelld,

    Thanks for the link, there are predefined widths that are being applied there which is preventing your post content from being displayed in full width.

    Since you already know where to add CSS can you please try adding the following:

    .search-results div#page-container {
    width: 95%;
}

.search-results .post-contents {
    width: 90%;
}

    This should be the result https://screencast.com/t/QuZJ2cjBG. If the code doesn’t work please keep it added and let me know so I can take a look ??

    Cheers,
    Bojan

    Thread Starter ronelld.regen

    (@ronelldregen)

    Hey Bojan, nice snippet so far. Seems to work. Great.
    The only thing that is irritating is the sidebar (archives, recent posts, meta) printed at the bottom. The normal post pages do not show the sidebar. What is happening there? Is it another CSS hack?

    Thank you so far, great work man.
    Regards, Martin.

    Hey Martin,

    Happy to help ??

    Not sure about that since I’m not really familiar with the theme. Usually themes have template for search page so it is possible that there is a sidebar called in that template.

    We should be able to remove it with some custom CSS as well. Please try adding the following:

    .search-results ul#sidebar {
    display: none;
}

    This should remove the sidebar on your search page.

    Hope this helps ??

    Cheers,
    Bojan

    Thread Starter ronelld.regen

    (@ronelldregen)

    Great… it works. It seems to work at least.
    I think my child theme is a bit messed up due to cutomized php files and CSS changes. Eventually things could have been done by CSS hacks. However, I don’t really care bout that. It looks like it should look like.

    Thanks Bojan, great work and nice hints.

    But one last thing: How did you try the CSS with applying it to the website? I mean the screencast link above. Is it a page where you can add own CSS things to a page?

    Regards, Ronelld.

    Hey again Ronelld,

    You can test CSS and temporary apply it to a page in your own browser (I use Chrome) using inspector (developer tools), see screenshot https://screencast.com/t/bNDVjLf5Fl. Changes you make in inspector are visible only on your browser and they only work until you refresh the page.

    You can find more information on how to use it here https://developer.chrome.com/devtools.

    Hope this helps ??

    Cheers,
    Bojan

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Customize search result page’ is closed to new replies.