Portfolio Categories Style

dosankos · July 2016

Hi,

I'd like to customize the Portfolio Category Bar

1) How can I remove the lines under "Filter by Categories x Show all"

2) In your demo called BeDigital I see a different categories style (http://themes.muffingroup.com/be/digital/projects/) How can I do that...?

Thanks

p.

Albert · July 2016

Hi,

1) Where you got those lines exactly? Please send us link to such page.

2) Those filter are different style because for this demo we set SIMPLE style under Theme options > Global > General section.

dosankos · July 2016

Hi,

1) about the diagonal lines I found this css code and it work perfectly for the portfolio main page

#Filters .filters_buttons { background-image: none; }

How can I do the same for the diagonal lines under the arrows bar in the single portfolio page?

2) about to change filter category style I looked for but found nothing...

Can you help me...

Thanks

p.

dosankos · July 2016

I forgot...

this is the website

http://www.dtamedical.it/wp2/tecnologie-dta/

thanks

p.

Albert · July 2016

1) To remove diagonal stripes from single portfolio, please use the following css:

.single-portfolio .post-nav { background-image: none !important; }

2) Really? Did you checked the section we told you above?

dosankos · July 2016

Hi,

1) work perfectly, thx

2) Sorry...

I have the connection open and replay you before refresh the page so I did not see your answer...

It works

Thanks!

about the filter categories (in default style), is it possible modify the graphics with css code...?

In the forum I found this css code:

#Filters .filters_wrapper ul li a {

background: #E2E2E2 !important;

border: 1px solid #000 !important;

color: #000 !important;

}

#Filters .filters_wrapper ul li a:hover {

background: #E2E2E2 !important;

border: 1px solid #000 !important;

color: #000 !important;

}

but when I tried it does not change anything ... so I eliminated...

Thanks

p.

Albert · July 2016

But what graphics, how and where you want to modify?

dosankos · July 2016

Hi,

http://www.dtamedical.it/wp2/tecnologie-dta/

when you click categories appears "Estetiche" and "Medicali" that are white rectangles.

I'd like to modify the the shape and the color of the categories filter in portfolio.

It's possible with css?

thanks

p.

Albert · July 2016

But how you want to change it's shape? You mean round corners for categories items in filters and different background color?

dosankos · July 2016

Hi,

yes i'd like to try as you say, and only with the written ... if possible

Thanks

p.

Albert · July 2016

Ok. So to make those filters round corners + change it's text color and background, you need to use the following css:

#Filters .filters_wrapper ul li a { border-radius: 20px; color: #FFF !important; background: #000 !important; }
#Filters .filters_wrapper ul li a:hover { color: #FFF !important; background: #000 !important; }

dosankos · July 2016

Hi,

thank you so much, it works perfectly!

but if I use this customization when I choose a filter category this does not stay on...

so I do not know which category I'm looking...

Thanks

p.

Albert · July 2016

Ok, we see. So to change the color of current category, you need to use:

#Filters .filters_wrapper ul li.current-cat a { color: #000 !important; }

dosankos · July 2016

thank you so much

It works great!!!

Albert · July 2016

You are welcome!

Portfolio Categories Style

Comments