Rollover Portfolio, overlay and category.
This support request was posted in Smart by 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
RegardsJuanfra Aldasoro September 25, 2017 at 1:43 pmHello 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,
JuanJuanfra Aldasoro September 26, 2017 at 5:41 pmHello 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.Juanfra Aldasoro September 27, 2017 at 1:29 pmHi 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 October 3, 2017 at 4:00 pmHi 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 whyExcerpt in portfolio item page
I’d like to get rid of the excerpt at the bottom of my portfolio items pageThanks a lot for you help
All the bestClement
Juanfra Aldasoro October 3, 2017 at 8:53 pmHi 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.
You must be logged in to reply to this topic.