Tagged: , , , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 6, 2019 at 2:15 pm #1063623
    DigitalEssence

    Hi,

    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 imgur.com

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

    http://osso.digitalessence.net/

    February 8, 2019 at 6:13 am #1064422
    Mike

    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,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.