[clemth]

Hi there,

I’ve been trying to change the rollover of the portfolio item to something similar to this http://krystallauk.com/portfolio/ where the white overlay is cut on the edges. I haven’t been able to figure out the right code. Could you help me out?

Also the category name is not display in the rollover (only the name of the item). Where can I activate it?

Thank you
Regards

[Juanfra Aldasoro]

Hello Clement,

Thank you for writing.

Would you please share your site URL with us (you can do it via private reply) and the access details so we can see how you configured your portfolio?

Please remember that we don’t provide support on customizations. https://nicethemeswp.com/article/support-vs-customizations-2/

Best,
Juan

[clemth]

This reply has been marked as private.

[Juanfra Aldasoro]

Hello Clement,

Thanks for sharing the details with me.

I only see a “Coming Soon” page when I go to your site and log in.

Best,
Juan.

[clemth]

Hi Juan,

I deactivated the maintenance mode.

Cheers,

[Juanfra Aldasoro]

Hi Clement,

Thanks for the follow-up. And congratulations for what you have created so far.

Unfortunately, there are no options to do that at the moment. You’d need to try to do it via customizations. Perhaps something like this CSS may help:

.grid .item-caption-overlay {
    border: 15px solid #999;
}

Best,
Juan.

[clemth]

Hi Juan,

Thanks a lot for your answer. I found the right css for i was trying to do.

.grid .item-caption-overlay {
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
width: auto;
height: auto;
}

I have a couple more things i’ve been trying to fix but cannot figure out where or how.

Header
The header (logo + menu) of the homepage has a different alignement than the rest of the page. Which was already the case in the Metro theme demo. I’d like the homepage menu to have the same alignment as the rest of the page.

Portfolio item hover: category.
When I hover the portfolio item, the category of the item doesn’t appear (only the title)

hamburger menu.
It just looks weird and different than the one in the original demo. Don’t know why

Excerpt in portfolio item page
I’d like to get rid of the excerpt at the bottom of my portfolio items page

Thanks a lot for you help
All the best

Clement

[Juanfra Aldasoro]

Hi Clement,

Thank you for the follow-up.

It’s great that you’ve found a solution 🙂

with regards to your other questions (please remember you can always open new tickets so everything keeps organized):

1. Header: Go to the theme options and check if the header width is set to full, please change that. If it’s not set in the theme options, it must be set directly on the home page, so go and edit the home page, and on the “Smart Settings” on the Header section, change that value.

2. Portfolio hover: You can change what is displayed in the configuration of the “Posts” element. You can go to the “Blocks” element and find the “Portfolio Projects”. Right there you can customize and change the order of what it is displayed.

3. Hamburger Menu: I see it exactly the same way it is on the demo site. Perhaps you have zoomed in the browser? Click CTRL + 0 (or cmd in mac).

4. Portfolio project Excerpt: At the moment there’s no option to remove that, you can hide it by using the following CSS:

.nice-portfolio-project-details > p {
	display: none;
}

Best,
Juan.