- This topic has 5 replies, 2 voices, and was last updated 5 years, 9 months ago by
.
I have many categories for my portfolio. How do I reorder the filter?
.category-featured
.category-hotels_resorts
.category-land
.category-office
.category-real_estate
.category-residential
.category-restaurant
.category-retail
.category-shopping
.category-warehouse
.category-other“*” <— I want ALL at the end of the filter.
http://www.jordachecorporate.com/portfolio
I tried the following CSS with just two categories (as a test), but it did not work….
.home .sh-filter-style2 .sh-filter-item[data-filter=”.category-featured”],
.home .sh-filter-style2 .sh-filter-item[data-filter=”.category-other”],.home .sh-filter-style2 .sh-filter-item[data-filter=”*”] {
float:left;
}thanks!
Hi @charliedhq,
I hope you are well today and thank you for your question.
To achieve this you have to develop custom code as shared in the following topic.
https://support.shufflehound.com/forums/topic/arrange-categories-in-portfolio/#post-29949
Best regards,
Shufflehound teamBefore I opened this ticket, I tried the CSS from that topic and it did not work.
this is the test CSS that did not work…
.sh-portfolio-filter-default .sh-filter-item[data-filter=”*”],
.sh-portfolio-filter-default .sh-filter-item[data-filter=”.category-retail”],
.sh-portfolio-filter-default .sh-filter-item[data-filter=”.category-hotels_resorts”] {
float: left;
padding-right: 10px;
}I noticed the sh-filter-container also has the class sh-portfolio-filter-style2.
Should i replace.sh-portfolio-filter-default with sh-portfolio-filter-style2 ?
I tried many combinations of classes and none worked.. help! : )
Yes you need to change it to style2 as displayed below.
.sh-portfolio-filter-style2 .sh-filter-item[data-filter="*"], .sh-portfolio-filter-style2 .sh-filter-item[data-filter=".category-retail"], .sh-portfolio-filter-style2 .sh-filter-item[data-filter=".category-hotels_resorts"] { float: left; padding-right: 10px; }Does not work… still does not display in order that I want.
I want it to display in this order
FEATURED | HOTELS / RESORTS | OFFICE | RETAIL | SHOPPING | RESTAURANTS | RESIDENTIAL | WAREHOUSE | LAND | OTHER | ALL
And.. I want “Featured” to be active by default.
Here is the CSS I used:
<hr />
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-featured”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-hotels_resorts”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-office”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-retail”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-shopping”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-restaurant”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-residential”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-warehouse”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-land”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”.category-other”],
.sh-portfolio-filter-style2 .sh-filter-item[data-filter=”*”]{float: left; padding-right: 10px;}
<hr />
It shows up in this order… HELP!
ALL | FEATURED | HOTELS / RESORTS | LAND | OFFICE | OTHER | RESIDENTIAL | RESTAURANTS | RETAIL | SHOPPING | WAREHOUSE
It only works for some filters but it seems you are trying to arrange all filters which won’t work using CSS code.
To achieve this, you have to develop custom PHP code.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
