ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• June 18, 2014 at 6:25 am #83304
  davidll

  Member

  Post count: 205

  Hello

  I still can’t understand the ‘filter our work’ – I’d like to use this feature… but…
  I’d like the drop down filter to show only ‘categories tiles’ in the pages swift ‘portfolio’ selected category.

  If a project is in a couple of categories – the filter shows all the categories the project is in.

  Is it me, or is that odd / no logic?

  Whats a way to work this out?

  Is there anyway to hide a portfolio category from the ‘Filter our work’?

  Any help appreciated

  David

  June 19, 2014 at 7:50 am #83684
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi, I’m afraid the logic is to show all the categories a project is in. It wouldn’t be a good idea to hide the categories, since they are there for a reason.

  So I’m afraid you cannot remove them unless you remove the project from the category.

  June 19, 2014 at 3:11 pm #83836
  davidll

  Member

  Post count: 205

  Hi – Ok. Thanks for the reply.

  I really need to hide a portfolio category title from displaying. Any hint / direction to doing this would be really appreciated.

  something along the lines of:
  #portfolioList .portfolio_cat-other{ display: none; }

  Thanks

  David

  June 20, 2014 at 11:39 am #84079
  Roger Henriksen

  Member

  Post count: 39

  Hi David,

  You may hide the spesific filtering with this kind of code:

  li.has-items .category-name {
  display: none;
  }

  and still show the item below. But this isn’t a good way to do it because you have to manually check which items you have and remove the unnecessary. There is also a problem if you want to have two portfolio items on the same page (shares the same page-id).

  Regards,

  Roger

  June 20, 2014 at 11:43 am #84081
  davidll

  Member

  Post count: 205

  Hey Roger – I’ll give that a go… and report back.

  I noticed, and also commented on ED / Your post about this issue too.

  D

  June 23, 2014 at 6:30 am #84467
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Have you applied code as provided by Roger Henriksen?
  Thanks 🙂
  With Best Regards
  Swift Ideas

  June 23, 2014 at 9:55 am #84548
  davidll

  Member

  Post count: 205

  Hi

  I did – Roger’s code didn’t work for me.

  The only code I’ve got working so far is:
  .portfolio-filter [data-filter ~= ‘.name’]{display: none;}

  – This removes the title, but not the bar/ styling / space. See attached.
  Any help to remove <li class=”span2″> which surrounds that – would be great.

  D

  June 23, 2014 at 9:56 am #84550
  davidll

  Member

  Post count: 205

  attached!

  June 23, 2014 at 10:02 am #84555
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide specific page URL with this issue so i can suggest you exact solution.
  Thanks 🙂
  With Best Regards
  Swift Ideas

  June 23, 2014 at 10:15 am #84559
  davidll

  Member

  Post count: 205

  This reply has been marked as private.
  June 23, 2014 at 10:15 am #84561
  davidll

  Member

  Post count: 205

  or the page code is as follows:

  <div class="row">
  	<div class="spb_portfolio_widget spb_content_element span12">
  		<div class="spb_wrapper portfolio-wrap">
  			<div class="filter-wrap row clearfix">
  <a href="#" class="select"><i class="fa-align-justify"></i>Filter our work</a>
  <div class="filter-slide-wrap span12 alt-bg alt-one">
  <ul class="portfolio-filter filtering row clearfix">
  <li class="all selected span2"><a data-filter="*" href="#"><span class="item-name">All</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all All items" class="all" data-filter=".all"><span class="item-name">All</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all 1988 items" class="1988" data-filter=".1988"><span class="item-name">1988</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all 2011 items" class="2011" data-filter=".2011"><span class="item-name">2011</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all ACCESSORIES items" class="accessories" data-filter=".accessories"><span class="item-name">ACCESSORIES</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all CURATION items" class="curation" data-filter=".curation"><span class="item-name">CURATION</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all FURNITURE items" class="furniture" data-filter=".furniture"><span class="item-name">FURNITURE</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all HIGHLIGHTS items" class="highlights" data-filter=".highlights"><span class="item-name">HIGHLIGHTS</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all KITCHEN_DINING items" class="kitchen_dining" data-filter=".kitchen_dining"><span class="item-name">KITCHEN_DINING</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all LIGHTING items" class="lighting" data-filter=".lighting"><span class="item-name">LIGHTING</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all RECENT items" class="recent" data-filter=".recent"><span class="item-name">RECENT</span><span class="item-count">0</span></a></li>
  <li class="span2"><a href="#" title="View all UNIQUE items" class="unique" data-filter=".unique"><span class="item-name">UNIQUE</span><span class="item-count">0</span></a></li>
  </ul></div></div>
  

  June 23, 2014 at 10:36 am #84569
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please try to use this code:
  /*Change category-name to category name to hide */

  li.has-items < .category-name {
  display: none;
  }
  

  Thanks 🙂
  With Best Regards
  Swift Ideas

  June 23, 2014 at 10:40 am #84573
  davidll

  Member

  Post count: 205

  Hi Mohammad

  Thanks

  I’ve tried that – no luck.

  D

  June 23, 2014 at 11:00 am #84580
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please list category to hide so i can give correct code.
  Thanks 🙂
  With Best Regards
  Swift Ideas

  June 23, 2014 at 11:43 am #84610
  davidll

  Member

  Post count: 205

  Hey

  The category name / slug is 1988
  so I’ve tried your code:

  li.has-items < .1988 {
  display: none;
  }

  This is the code which i’m trying to hide the title (from the ‘filter our work)
  <li class="span2"><a href="#" title="View all 1988 items" class="1988" data-filter=".1988"><span class="item-name">1988</span><span class="item-count">0</span></a></li>

  Thanks

  David

• Back to forum

  Posted in: Neighborhood