Linking a whole grid in a grid row element

Hey Sal,
Use a Full Width Button element and add this to Quick CSS to hide the button background so the grid cell background is visible though the button:

.flex_cell_inner .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center a{
height: 400px;
}

Adjust the height to match your element.

To be sure not to have a conflict with other buttons, you may wish to enable the builder custom classes.
To do this try adding this code to the end of your functions.php file in Appearance > Editor:

add_theme_support('avia_template_builder_custom_css');

this will allow you to add a custom class to your buttons.

then add this class to your css, for example the screenshot shows “bigbutton” as the class:

.flex_cell_inner .bigbutton .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center.bigbutton a{
height: 400px;
}

Best regards,
Mike

Hi,
We could fix that with:

.avia-button-wrap.avia-button-center {
max-height: 100px !important; 
}

But it will not have the link cover the whole grid because of your image and text elements push it down, I had thought the image was added to the background of your grid and not a element.
Please try to make a image of each icon with the text below it, so the text is apart of the image, then add this image as the background of the grid and your button with be on top, covering the whole grid.
Or make a image of each icon with the text below it, so the text is apart of the image, then add this image to the image element you have with the link. Then add this css to make the image link cover the whole grid, no need to use a button.

#services .flex_cell_inner a.avia_image {
height: 400px !important; 
}

Best regards,
Mike