Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1183994
    cyberfyber
    Participant

    Hi,

    Had found one bit of code in this forum to help me get my search results appear like my archives, WITH a sidebar. Unfortunately, didn’t look quite as I wished. Will provide image in next hidden post.

    Just need custom CSS code to get it to display whatever number of results I choose and with 3 columns. With a sidebar mind you.

    Thanks in advance

    #1183995
    cyberfyber
    Participant
    This reply has been marked as private.
    #1184252
    Rupok
    Member

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1184481
    cyberfyber
    Participant
    This reply has been marked as private.
    #1184502
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    @media (min-width: 980px){
        .search-results .x-main {
            width: 100%;
        }
        .search-results .x-main article {
            width: 24%;
            float: left;
            margin-top: 0;
            margin-right: 1%;
        }
        .search-results .x-pagination {
            clear: both;
        }
    }

    Hope it helps 🙂

    #1184789
    cyberfyber
    Participant
    This reply has been marked as private.
    #1184889
    Thai
    Moderator

    Hi There,

    Please change the previous code to this:

    @media (min-width: 980px){
        .search-results .x-main article {
            width: 24%;
            float: left;
            margin-top: 0;
            margin-right: 1%;
        }
        .search-results .x-pagination {
            clear: both;
        }
    }

    Hope it helps 🙂

    #1184897
    cyberfyber
    Participant

    Hmmm, thanks. But it’s still not coming in right.

    #1185022
    Thai
    Moderator

    Hi There,

    The sidebar is on the right on my end:

    http://i.imgur.com/6lGQksd.png

    Please clear your cache and try again.

    Thanks.

    #1185045
    cyberfyber
    Participant

    Yes I know, I’ve tried on multiple browsers as I always do.

    But if you scroll down you’ll see that items aren’t mosaic. They actually look horrible.

    Forgive me, I mean’t masonry.

    #1185531
    Rad
    Moderator

    Hi there,

    Please check it here https://community.theme.co/forums/topic/search-result-not-displaying-a-masonry-page/

    There are other related threads that you may search in the forum 🙂

    Search result isn’t made for masonry, but surely customizable through template files.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1183994 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>