When using the Nectar Portfolio shortcode, there is some functionality we wish to achieve without breaking such a great theme and updates.
When using nectar portfolio style 1, as we do in the link, one cannot click on the text, and on hover the "View Larger" button is irrelevant if you really want someone to view your portfolio page. Unfortunately this can't be easily removed via css due to no class attribute.
The second style is efficient in its hover state, but the lack of text really reduces interaction.
OUR GOAL
1. To apply a link to the text when using the nectar portfolio shortcode, style=1.
2. To make image just clickable as it is in the mobile css version.
THANK YOU
for such a wonderful theme. I feel we have put it to great use on a wonderful site.
Your help is greatly appreciated. We look forward to hearing back.
Unfortunately the first request wouldn't be possible without modding the files themselves - however for the second, add this into the Custom CSS box located in your Salient Options panel:
When using the Nectar Portfolio shortcode, there is some functionality we wish to achieve without breaking such a great theme and updates.
When using nectar portfolio style 1, as we do in the link, one cannot click on the text, and on hover the "View Larger" button is irrelevant if you really want someone to view your portfolio page. Unfortunately this can't be easily removed via css due to no class attribute.
The second style is efficient in its hover state, but the lack of text really reduces interaction.
OUR GOAL
1. To apply a link to the text when using the nectar portfolio shortcode, style=1.
2. To make image just clickable as it is in the mobile css version.
THANK YOU
for such a wonderful theme. I feel we have put it to great use on a wonderful site.
Your help is greatly appreciated. We look forward to hearing back.
Hey Kevin,
Unfortunately the first request wouldn't be possible without modding the files themselves - however for the second, add this into the Custom CSS box located in your Salient Options panel:.portfolio-items .col .work-item .work-info a { position: absolute; display: block; width: 100%; height: 100%; text-indent: -9999px!important; top: 0px; left: 0px; background-color: transparent!important; border-radius: 0px!important; } .portfolio-items .col .work-item .work-info .vert-center a:nth-child(1) { display: none!important; }Cheers
Thank you kindly for the reply! This is a good interim solution.