There are 4 boxes under "OUR SERVICES" and I have the text and image linking to a page, but I'd like to link the entire white box. I thought about making a CTA image, but then I lose the hover effect.
One way to do this is to wrap the module in custom HTML in the design manager and insert the link there. The issue with doing that is if you ever needed to change the link it needs to be done in the template instead of on the page. I'm generally against editing content in the template itself. What would also work, which is more flexible for future use, is creating a custom module that you can then wrap in a link tag and edit on the page itself.
One way to do this is to wrap the module in custom HTML in the design manager and insert the link there. The issue with doing that is if you ever needed to change the link it needs to be done in the template instead of on the page. I'm generally against editing content in the template itself. What would also work, which is more flexible for future use, is creating a custom module that you can then wrap in a link tag and edit on the page itself.
I just wanted to point out that you can use HubL in the wrapper code area for any given module so you could actualy assign the link href to a text module with no_wrapper set to True and the links would be editable in the page editor.