I am hoping to edit the rollovers on this page. Ideally, I want to remove the magnifying glass and link graphics and only have the whole image as a button. If I can't do that can I only have the link graphic, and have it centered.
I can can do CSS ".img_link > display:none;" but it only hides the magnifying glass and doesn't center the link button.
This is something I would like to cover for all my other sites that use FOX, so hopefully it is an easy fix.
This is close. I would like to keep the overlay component. When I remove the .port_overlay from your code, it adds it back in, but does not make the whole visual a clickable button. It does become clickable when I remove the .port_overlay.
Is it possible to have the best of both worlds? (the frosted overlay + whole photo as a button)
I am hoping to edit the rollovers on this page. Ideally, I want to remove the magnifying glass and link graphics and only have the whole image as a button. If I can't do that can I only have the link graphic, and have it centered.
I can can do CSS ".img_link > display:none;" but it only hides the magnifying glass and doesn't center the link button.
This is something I would like to cover for all my other sites that use FOX, so hopefully it is an easy fix.
Thanks
Hello Brad,
Do you want to hide the title too?
If you don't want any overlay effect add this css :
.port_overlay,.port_img_link,.port_post_link,.portfolio_desc { display:none !important; }
Do not hesitate to contact us if you have more questions.
Have a nice day!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi.
This is close. I would like to keep the overlay component. When I remove the .port_overlay from your code, it adds it back in, but does not make the whole visual a clickable button. It does become clickable when I remove the .port_overlay.
Is it possible to have the best of both worlds? (the frosted overlay + whole photo as a button)
Thanks as always.
Brad
Hello Brad,
Try to change the css to :
.port_img_link,.portfolio_desc { display:none !important; }
.post_link{ width: 1000%; height: 1000%; top: 0; left: 0; opacity:0;}
.port_post_link{min-width:100%; }
This should do the trick.
Do not hesitate to contact us if you have more questions.
Have a nice day!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme