When hovering the portfolio thumbnail, the portfolio categories shows under the project name, I want to change the url of those categories, wondering how? thx for help

well, let me explain this more, right now if I click the categories, it will go to http://pinchpartners.com.tw/portfolio-category/collaterals/ which is a portfolio page, and I want this to be my home page http://pinchpartners.com.tw/, so there is no way to change this? 

is there a way to write a custom CSS code to make this happen?

thx  

thanks for reply, let me simplify the question, can I disable the category name within the thumbnail image from clicking it?

I guess it's easier.

thx

thx, Art.

I paste it in, but it's working.

Anything wrong?

Also, It's weird, just saw that my 'Identity' category is not appearing on the homepage.

sorry, I don't know how to use pastern, I think I paste it here which might be easier...

thx

----------------------

/* Your Custom CSS code goes here */
.auto-type-element h3 {
    font-size: 30px !important;
}

.leave-reply-holder {
    display: none;
}

.main-header.menu-type-full-bg-menu .full-screen-menu nav {
margin-top: 15% !important;
}

.blog-holder .box-holder .post-format .hover-state i {
display: none;
}

.portfolio-root-categories li:nth-child(2) {
    display: none !important;
}

/* Custom modification from Laborator - START */
.gmnoprint {
  display: none;
}

.main-footer .big-footer {
text-align: center !important;
}

.portfolio-holder .thumb {
position: initial !important;
}

.portfolio-holder .thumb .hover-state .info p a:hover {
color: #222 !important;
}

.portfolio-holder .thumb .hover-state .info p a:after {
background: #222 !important;
}

.strongi {
font-size: 60px !important;
font-family: "Inconsolata", cursive; 
text-transform: none !important;
}

.contact_form textarea {
background-image: linear-gradient(#CCC 1px, transparent 1px) !important;
border-color: #ccc !important;
}

.contact_form input {
border-color: #ccc !important;
}

.single-portfolio-holder .gallery.gallery-type-description .row .lgrad {
background-image: -webkit-linear-gradient(top, transparent 0%, rgba(242,242,242,0.9, 0.9) 100%);
  background-image: -moz-linear-gradient(top, transparent 0%, rgba(242,242,242,0.9, 0.9) 100%);
  background-image: -o-linear-gradient(top, transparent 0%, rgba(242,242,242,0.9) 100%);
  background-image: linear-gradient(to bottom, transparent 0%, rgba(242,242,242,0.9) 100%);
}

.single-portfolio-holder .details .lgrad {
background-image: -webkit-linear-gradient(top,transparent 0,rgba(242,242,242,.9) 100%);
  background-image: -moz-linear-gradient(top,transparent 0,rgba(242,242,242,.9) 100%);
  background-image: -o-linear-gradient(top,transparent 0,rgba(242,242,242,.9) 100%);
  background-image: linear-gradient(to bottom,transparent 0,rgba(242,242,242,0.9) 100%);
}

.auto-type-element {
  font-size: 45px;
  line-height: 65px;
}
.auto-type-element span.block {
  background: #000;
  color: #fff;
  padding: 5px 10px;
}

@media screen and (max-width: 768px) {
  .auto-type-element {
    font-size: 30px;
    line-height: normal;
  }
  .auto-type-element span.block {
    background: #000;
    color: #fff;
    padding: 0px 8px;
  }
}

.message-form .form-group .placeholder {padding-bottom: 1px;}

.leave-reply-holder {background: #fff;}

.single-portfolio-holder .social .likes {background: #fff;}
/* Custom modification from Laborator - END */

hi Art,

Well, thx for pointing out.

But I guess you are wrong.

As you can see the CSS code I pasted here, there is no such code shown below which causes the problem.

So can you please kindly read thru the codes again and possibly let me know where the real problem is.

Appreciate it.

li.portfolio-category-item.portfolio-category-brand-identity {
    display: none !important;
}