Remove gap at the top of header page

Hey ccyran,

Thanks for getting in touch with us!

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0px !important;
}

Yes it might be possible with a bit of CSS code to have the images black and white then turn color on hover. But exactly which images are you referring to?

Best regards,
Jordan

Hi,

Try the following:

.page-id-3278 .av-hover-grow img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
}

.page-id-3278 .av-hover-grow:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
}

Only works on the sounds page as the page id is added to the code.

Best regards,
Jordan

Hi,

You can follow the instructions here to find your post or page ID if you need it – https://www.competethemes.com/blog/find-page-id/

Also to do the reverse, just change 0% to 100% and 100% to 0% in the code.

Let me know if you need further assistance.

Best regards,
Jordan

Hi,

No problem, glad I was able to help :)

Feel free to reach out to us again on the forum if you need anything else.

Best regards,
Jordan