problems with portfolio

[clara.bergenfelz]

Great, thanks! As I mentioned in #9276 its now only the order of the items I need to change and that the items hide the portfolio navigation (if I use the WPBakery portfolio element) the that doesnt work. And, how can I change the look of the navigation bar of the portfolio? I would want more space between the categories and with a bolder border 🙂

Thanks for all your help, appreciate it!

Regards,
Clara

[Zex]

Hello Clara!

I think I managed to make the portfolio work as you wanted.

So, I did the following:

1.I’ve replaced the Page template, on a full-width page, so that you could use the WP_Bakery page builder to add images and text
https://prnt.sc/jl6uzk

2.
I resolved the problem of hiding portfolio navigation by adding custom CSS code.
https://prnt.sc/jl6w7q

3.
I modified the look of the portfolio filter navigation bar, by adding Custom CSS code.
https://prnt.sc/jl6xtg
If you want, now you can change the border and space between the categories value per your needs.

4.
I made it possible to replace the order of the categories as you wish.

To change the order of categories, you need to go to Customize-> General-> Additional CSS, menu and change the order value below the desired page, according to your needs.
https://prnt.sc/jl72w4

I hope we’ve settled everything. If you have any further questions, feel free to contact us.

Regards

[clara.bergenfelz]

Thank you so much! Works great! 😀 Which CSS should I add if I wish to change the color of the text inside the portfolio navigation bar? Since I have some customers whos eyesight isn’t the best I would like it to be black and maybe bold as well :p

And I love that I can change the order of the categories! Super! 😀 Is it possible to change the order of the items in the categories as well? Optimal would be in alfabetic order I think :p

Thanks again for all your help!!

Kind regards,
Clara

[Zex]

Hi, Clara!

I added the CSS code and changed the color text in the navigation of the filter portfolio to black.

I also inserted the code by which you can replace the link hover color.

https://prnt.sc/jlha4k

You can find more color codes at the following address:

CSS colors

I’m still looking for a way to sort items in the categories
I’ll let you know when I do it.

Regards

[clara.bergenfelz]

Thank you! 😀 I’ll await your fix of the items order 🙂

To give you more work (sorry!) I’ve got some more questions about the categories and it’s design. Is it possible to get two categories per row in mobile mode? And to get the navigation bar and categories in tablet mode centered? Se picture here: https://prnt.sc/jlp0dz

Also, do you know how to change the words “Show All” to “Visa alla”? I thought I did in the PO-file but it doesn’t seem to work no more :/

Thanks again for all your help and sorry for giving you more to do!

Kind regards,
Clara

[Zex]

Hi Clara!

I think I managed to work on the portfolio as you want again. 🙂

I made:
two categories in a row in mobile mode
Both the navigation bar and categories in the tablet mode are centered
Also, I changed the words “Show All” to “Visa All”
by adding the Custom jquery code to the Customize-> General-> Extra menu

https://prnt.sc/jm4ahv

Unfortunately, for now, I didn’t manage to fix the portfolio items order (sorry 🙁 )

Best Regards

[clara.bergenfelz]

Thank you for all your help!! Really appreciate it 🙂 I’ll settle for now, maybe you “stumble on a solution” (swedish saying, does it work in english?!) one day :p

Kind regards,
Clara

[Author]

Posts