Problems customizing bindery theme

amallective · Member · Dec 27, 2016 at 10:12 pm
Copy link

Add topic to favorites
Hello! I’m trying to customize my website and have a couple of problems. I’m using the bindery theme.

– I’m trying to leave the “portfolio-card-meta” static, so that you can see it all the time, and not just when you hover over the thumbnails. But I can’t make it work with the css. Also I’m trying to change the opacity of the hover color layer and I also cannot make it work.

– I would like to not have the filter tag dispayed, and instead, having the filter tags up on the menu with the other things, now you can see it, but it doesn’t work. Also, I would like to replace the filter tag for a search symbol, like the one that it’s displayed in the blog posts screen (I have it in the menu as monographs)

– I’m also trying to center the menu nav, but when I do it, it doesn’t display when the screen of the computer gets smaller…

Thank you very much for your time!

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Dec 29, 2016 at 4:14 pm
Copy link
Hi there – I’ll answer your questions in batches.

– I would like to not have the filter tag dispayed, and instead, having the filter tags up on the menu with the other things, now you can see it, but it doesn’t work.

In your menu, you’ll need to link directly to the project-type archives using these URLs instead of the ones you have now. You’re just missing the project-type portion of the URL currently.

Architecture: https://amallective.com/project-type/architecture/
Beta: https://amallective.com/project-type/beta/
Theory: https://amallective.com/project-type/theory/
Urban Planning: https://amallective.com/project-type/urban-planning/
kathrynwp · Staff · Dec 29, 2016 at 4:25 pm
Copy link
Also, I would like to replace the filter tag for a search symbol, like the one that it’s displayed in the blog posts screen (I have it in the menu as monographs)

To hide the portfolio “filters” element on the front page, try this custom CSS:
```
.home .site-filter {
  display: none; 
}
```
There isn’t a header widget area in Bindery, so it wouldn’t be possible to add a search widget there, but if you try adding a search widget to one of the footer widget areas on the homepage, we might be able to move it with some custom CSS. It’s hacky, but the only thing I can think of. If you decide to go this route, please add your search widget and let us know when it’s there so we can look at possibly moving it.
kathrynwp · Staff · Dec 29, 2016 at 4:29 pm
Copy link
– I’m also trying to center the menu nav, but when I do it, it doesn’t display when the screen of the computer gets smaller…

You could also just wrap your nav-centering CSS in a media query so it affects only larger screens. You can learn about using media queries here:
https://en.support.wordpress.com/custom-design/custom-css-media-queries/

Otherwise, I’d suggest revisiting this after you sort out a search widget – if you go that route.
kathrynwp · Staff · Dec 29, 2016 at 5:33 pm
Copy link
I’m trying to leave the “portfolio-card-meta” static, so that you can see it all the time, and not just when you hover over the thumbnails. But I can’t make it work with the css. Also I’m trying to change the opacity of the hover color layer and I also cannot make it work.

My colleague Laurel came up with this for you. Feel free to vary the opacity values as you like.
```
/* Make portfolio meta visible always */
.portfolio-card .portfolio-card-header {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1.0;
}

/* Change opacity of overlay - decrease */
.portfolio-card-overlay {
  opacity: 0.7;
}

/* Change opacity of overlay again on hover - increase */
.portfolio-card:hover .portfolio-card-overlay {
  opacity: 0.9;
}
```
amallective · Member · Dec 29, 2016 at 10:46 pm
Copy link
Thank you very much for you answer! It worked already :)
kathrynwp · Staff · Dec 29, 2016 at 10:55 pm
Copy link
Wonderful! Glad to hear that. I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.
kathrynwp · Staff · Dec 29, 2016 at 11:10 pm
Copy link
It’s looking very nice! One little thing I noticed is that you’ve hidden the footer credit with custom CSS. Hiding the footer credit is only allowed with the Business plan, so would you mind removing that custom CSS that’s hiding it? Thank you!

No items found.