Portfolio

Hello,

We are using Juno as a theme and we have some issues with it.

1. We have used the portfolio to create our team, but isn’t working on the next project/previous project, in our case, the next team member and previous. It show only 2 members, and are the same indifferent the team member I click, you will see and understand better in this ->>> video https://drive.google.com/file/d/1STNxFwgionAwDh0z8zgMTEKgWIuZ_soq/view?usp=sharing
2. Also, on the portfolio page, where we are displaying all team members, the category and the name of the member aren’t easy to view, it’s there any CSS code that you can provide us to change this, attached is an image https://imgur.com/a/5Z8I0N9. You will see there, the category and the title of the team member aren’t easy to watch, it’s hard to read them.
3. https://imgur.com/a/97fYZBw . In this image you will see the info box, where we have selected an icon but isn’t displayed in the elementor editing. Also, in the front end, the icon will be displayed, attached an image https://imgur.com/a/q5UPMQk , but isn’t keep the dimension that we have set, like small, medium, or large, it’s the same default size. For exemple, size 8 how it’s displayed https://imgur.com/a/aSc1wZM

I hope you can understand my issues and can help me with theme.

Waiting for your replay,

Thank you!

Hello,

1. Pagination takes the portfolio relative to the upload date, and since it has the same date for everyone, it takes the first and last portfolios. You need to change the publication date in all portfolios and then everything will work.

https://prnt.sc/nTyzulc81EN8

2. I see that you have already customized it.

3. In the settings of the Elementor, you have enabled the “Experiments Inline Font Icons” option that changes the font to SVG (at the moment it is alpha and it does not work correctly). You should disable it and everything will work fine.

https://prnt.sc/vWwEbtzMr2MR

Kind Regards

Hello there,
Thank you very much for your support.
Regarding point 2, can you please provide me a CSS class that I can use to put an overlay, but not on mouse hover.
Waiting for your replay,
Thank you!

Hello,

Please try to use the below code for defining the overlay. Paste the code into the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

.post-type-archive-xts-portfolio .xts-portfolio-design-parallax .xts-project-overlay {
    background-color: rgb(58 141 228 / 25%);
    opacity: unset;
}

.post-type-archive-xts-portfolio .xts-portfolio-design-parallax .xts-project:hover .xts-project-overlay {
    background-color: rgba(0,0,0,.4);
}

Kind Regards

[Author]

Posts