Portfolio filters not showing

Support
#1

Hi,

I am using the portfolio for my blog page. I want to implement the filters, but can’t figure out how to do it. I think I removed them at some point, but can’t remember which code shows them. Any help would be greatly appreciated. Thanks!

#2

Hi @Brad_B_1,

Thanks for writing in again.

I believe Brad, that it would be best that you will review the last thread of yours regarding this issue so you would know what you missed.

If still you can’t trace what happen, don’t bother to ask us again.

Thanks.

#3

Thank you so much! I forgot I wrote that! Sorry for the repeated post.

#4

No worries. :slight_smile:

#5

That thread helped, and I was able to implement the filters. I am now working on my staging site (info in secure note). A couple more questions:

  1. The filters are showing up above the page title. How can I move them below the “Tree House Blog” header?
  2. Is there a way to replace the filter words with icons?
#6

Hi there,

  1. It’s not possible, the filter is part of the landmark but that title is part of the content added to the section. But, maybe we can just move the title through javascript. Please add this code to your global custom javascript.

jQuery('.page-id-2470 #x-section-1').prependTo('.x-header-landmark');

This will only work in the live page and not in builder preview.

  1. Possible with custom CSS, can’t be done automatically. Hence, you’ll have to add customization for each change you made in your filters and categories. Plus, it will be a log since the filters don’t have unique classes, adding new may change it orders and affect the icon assignments. I recommend contacting a developer on this one.

Thanks!

#7

Thank you so much!

I have also added a search bar. The bar is now appearing above the title.

  1. How can I move it below the title, like I did for the filters?

  2. I would like to make the search results page full-width (no sidebar) how can I do this?

Thanks again!

#8

You just have to change the order of the rows in Cornerstone. Place the row that contains the title before the row that contains the search bar in Cornerstone.

Please add this code in the custom CSS:

.search-results aside.x-sidebar.right {
    display: none;
}

.search-results .x-main.left {
    width: 100%;
}
#9

Thank you so much! Those both worked.

One more question:

Is there a way that I can make the search results look like the blog index page? In other words, have the image to the left and title and text to the right?

Thanks again!

#10

Hi there,

Please try this:

.search-results .entry-featured {
    width: 40%;
    float: none !important;
    box-shadow: none !important;
    display: table-cell !important;
    vertical-align: middle;
}

.search-results .entry-wrap {
    width: 60%;
    float: none !important;
    box-shadow: none !important;
    display: table-cell;
}
#12

Thank you!

#13

Hi @Brad_B_1,

Happy to hear that.

Feel free to ask us again.

Thank you :slight_smile:

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.