How to make portfolio categories beautiful!

What about the box around each item? Do you have any solution for it?

Also it is not good that instead of loading more portfolio in the same page, the visitor should go to the page 2 or 3. In that case the visitor should choose among the categories again to filter in that page. Do you have any idea to solve that problem too? When a visitor filters the portfolio, whether the item is in the page 2, 3, or 4, it should be displayed in the first page in the number is within the limit defined for each page. isn’t it?

Ismael,

Thanks for the answer. But I need a little bit more help on that. I want the box (or button) appears only when the visitor clicks on it. Also I need to get rid of that “/” sign. Probably I will need to adjust the line distance to prevent interfering the box with the text.
Actually I want something like this: http://artbees.net/themes/jupiter-demo/portfolio-modern-four-column/

Can you send me the code?

Thanks,
Amir

Josue,
I tries this code:
.sort_by_cat a > span {
padding: 4px 6px;
display: inline-block;
}
.sort_by_cat .text-sep {
display: none;
}
.sort_by_cat a.active_sort span {
background: rgba(0,0,0,.6);
color: white;
}

.sort_by_cat a span {
padding: 8px;
}

You can see the portfolio page here: http://gator3130.hostgator.com/~elites/our-portfolio/

I don’t know why the center part is black and just both sides of the button gets the transparency. Also I want to increase the line distance to prevent the box interfering with the text.

How can I do That?

Thanks,
Amir

Josue!

Thanks. The problem solved.

Do you have any idea about why it is not possible to filter items belonging to one category within the whole portfolio!
For example if I have 3 items in category A but the first item in page 1, the second item in page 5 and the other one in page 7, filtering the portfolio in page 1 turns out only 1 item in the that category and it doesnt show 3 items that exist in that category. To find out if there are any other item in that category, a visitor should go forward page by page.
I want when a visitor filters one category, all the items belonging to that category be shown and not only one item that is in the same page. If the number of categories is more than the number of items that is set to be shown one each page, then the rest should be shown on the next page.

Is there any fix for this?

Regards,
Amir