css for search results pages

  • Resolved sacconi

    (@sacconi)


    1 year, 4 months ago

    How can I style the containers or other elements in the search results pages? In particular I lost the sidebar and the mansonry grid

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    The <main id="primary" class="site-main"> HTML of your search template is within the <header> block. It should occur after the </header> tag, not before. Once you do that, the CSS you’ve applied successfully on archive pages will work here as well.

    FWIW, you don’t have the usual masonry layout that I mentioned earlier. You’d need to enqueue the necessary JS library and have specific HTML that works with the script to get the classic masonry layout. What you have is a normal grid layout, which may be fine for your needs. But “masonry” is not a valid value for the grid-template-rows CSS property. Proper values are desired lengths or a limited set of non-length values.

    Thread Starter sacconi

    (@sacconi)

    Ok, about the tag header, I’ve changed the position and now it works, about masonry, it’s still a little bit misterious, I’ll work on it

    Moderator bcworkz

    (@bcworkz)

    If you desire the actual fluid masonry layout, there are some plugins that will help. The original script could be incorporated into your own custom theme or plugin.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘css for search results pages’ is closed to new replies.

Tags