Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 20, 2020 at 5:57 pm #1205534
    jacobedgren4

    Hi
    I have two things im spending way too much time trying to solve by my own.
    1. I need my buttons to align to the bottom of each cell in grid row, not at the top as they are now. I have tried with white space but its too inconsistent responsive-wise.
    2. I do not want a large white space under each grid row (now there is both on large screen and mobile)

    I expect there is a solution to this but thus far its beyond me. I would greatly appriciate your help.

    Jacob

    April 21, 2020 at 3:40 pm #1205828
    Victoria

    Hey jacobedgren4,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    April 21, 2020 at 4:16 pm #1205849
    jacobedgren4

    Hi Victoria
    I put a mockup on the website under ”HEM” at the bottom. I need the photos together without white gap and the buttons in the lower part of the photos.

    Thanks again
    Jacob

    April 22, 2020 at 3:48 pm #1206238
    jacobedgren4
    This reply has been marked as private.
    April 23, 2020 at 4:25 am #1206407
    Rikard

    Hi Jakob,

    You have set the Grid Row to have a minimum height of 500 pixels, please adjust that to your liking. We can have a look at positioning the buttons after that.

    Best regards,
    Rikard

    April 23, 2020 at 9:33 am #1206481
    jacobedgren4

    Hi Rikard
    Ok super. It fixed the white gap between the grid rows.

    Two things remain
    1. I need the photos to remain square shaped and fullwidth on mobile too. Now they are hardly visible (not enough height).
    2. I took away the whitespace border above the buttons so now they are right at the top ( i want them to be at the bottom).

    Almost there :)

    Jacob

    May 3, 2020 at 1:38 pm #1209274
    Mike

    Hi,
    Sorry for the late reply, to move the button to the bottom, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home #av-layout-grid-2 .flex_cell.av_one_third,#top.home #av-layout-grid-1 .flex_cell.av_one_third {
	vertical-align: bottom !important; 
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    May 4, 2020 at 11:22 am #1209484
    jacobedgren4

    Thanks Mike, that worked perfectly.

    Jacob

    May 4, 2020 at 1:00 pm #1209513
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘I need the buttons to be at the bottom of each cell’ is closed to new replies.