personalization portfolio
Hello,
In this page Http://bvtv.com.br/todos-os-canais/ I would like to remove the gray border around the portfolio of items and also remove the title that appears just below each image. How do I do?
And within the item, for example this http://bvtv.com.br/portfolio-item/agua-o-nutriente-essencial-da-vida/ I would like to replace the top bar which has the arrow to go to the next item and the "show all" by filter by category bar that appears in this page http://bvtv.com.br/todos-os-canais/#
I would also remove all the information that appears under the title (published by, date, categories, another date).
Also, at the bottom, when related posts appear, I would:
- Adapting the size of the image, because the image is in a smaller size than the standard
- remove the date
- remove the title
- remove the read more button
- And see to it that when the mouse was above the related project, rather than up the zoom and link icon to appear exactly the same when you mouse over any item in the portfolio page: http://bvtv.com.br / all-the-channel /
Can you help me?
Comments
1. to remove borders and titles that appear on hover, please use below css:
.image_frame .image_wrapper .image_links { display: none !important; }2. What about this "stripes" section on http://bvtv.com.br/portfolio-item/agua-o-nutriente-essencial-da-vida/? You want to remove it? Because you asked if this can be replaced but this can not be replaced with anything. This can be removed only..image_frame, .wp-caption { border: 0 !important; }
3. But to remove all details under the title, please use below css:
.single-portfolio .post-meta { display: none !important; }4. To increase image, you need to play with functions/theme-functions.php file where add_image_size() functions are. But to remove date, title and read more button from "Related posts" please use below css:.single-portfolio .project-description { display: none !important; }
.section-post-related .post-related .date_label { display: none !important; }.single-portfolio .post-related .desc { display: none !important; }
OK thank you. One more thing. Like that in the mouse over on the portfolio items, the image would not have to rise to entire show ( without the mouse over a piece of it cut at the bottom) . That is, like the entire image was already appearing .
And in related posts , it is the same as described above . Them yet, the size of my image is smaller than the frame. I would like to decrease the frame to the size of my image. It's possible?
Thank you!