Help with a few issues

[benjiphig]

1. Any way to remove the gap between the cover options on this page? http://boycalledben.co.uk/fine-art-albums/

2. How can I remove the overlay and animation from the portfolio items? http://boycalledben.co.uk/featured-work/

3. How can I prevent the buttons under ‘extras’ from having a link? I don’t want them to link through to anything but like the look of the button? http://boycalledben.co.uk/info/

Thanks

[Mohammad – SUPPORT]

Hi,
1- Please attach marked screenshot.

2- Please use this custom css code:-

.portfolio-item figure.animated-overlay figcaption{
display:none !important;
}

figure.animated-overlay:hover > img {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
}

2- Pleas euse this custom css code:-

.page-id-11272 .sf-image-banner .sf-button{
cursor:none !important;
}

[laranz – SUPPORT]

Hi,

1. Try this in the Custom CSS.

.remove-element-spacing h5 { margin: 0; }

Let us know,

Thanks,
laranz.

[benjiphig]

1. Thank you. Seems a little better but still a small gap between the rows.

2.That’s just hidden the cursor. My aim is to have it so the the text is not a link, also so it doesn’t change color when hovering and also so that the actual image banner isn’t clickable either.

How do I do this?

3. Is there any way to remove the overlay without losing the text?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
.portfolio-item figure.animated-overlay figcaption{
background-color:transparent !important;
}

.remove-element-spacing h5 { padding-bottom: 0px;padding-top: 0px; }

Paste this code at custom js of theme options.

<script>
jQuery('.page-id-11272 .sf-image-banner a.sf-button').attr('href','#');
</script>

Thanks
Mohammad