Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1063623


    I have a 1/3 2/3 grid row set to a min height of 476 pixels and within this I have a text block in one column and a button in the other.

    I am trying to get these elements to centre both horizontally and vertically so that they sit in the middle of their respective columns but when I add enough margin to the text block to get it to centre vertically, the height of the parent grid row increases.

    View post on

    I’ve tried all manner of CSS to try and resolve this and am now stumped. Looking for advice from the community please.


    Hey DigitalEssence,
    Sorry for the late reply, I took a look at your site and it seems the left side box “Gift Vouchers” is center, and only the right side button needs to be adjusted.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home #av-layout-grid-1 .grid-row-right {
        vertical-align: middle !important; 

    Best regards,

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.