• Closed
  • Govert Pellikaan
    Spectator
    August 31, 2016 at 1:40 pm #30118

    Running the latest versions of Evolve+ and WordPress, inside the frontpage content boxes the ‘read more’ button are perfectly aligned across the boxes, except in Safari: here the buttons are positioned relative to the content it seems. Trying to ‘correct’ this positioning with css (position absolute & top 360px) worked fine for Safari, but threw my buttons out of the boxes entirely in Safari and Firefox.

    Not a real killer of a problem, but still. Is there any easy way to postion thee buttons equally for all boxes as well as in all browsers?

    testsite.groningercombinatie.nl

    Daniel Jones
    Spectator
    Posts: 148
    August 31, 2016 at 3:58 pm #30121

    Hi Govert,

    Thank you for reach out to us.

    Hmm, I see the issue. Kindly add the CSS code below on your Theme Options> Custom CSS. Please let me know if this helps or I take a deeper look at this.

    div.hungryfeed_items {
    margin-bottom: 0px;
    min-height: 200px !important;
    }

    Let me know if that helps.

    Govert Pellikaan
    Spectator
    Posts: 9
    August 31, 2016 at 4:17 pm #30122

    Hi Daniel,

    This helps, that is, in the boxes that contain hungryfeeds. In the first box I used [display posts] and thus had to apply the same css for ul.display-posts-listing. I also changed the height to 120px, just to prevent the boxes from going to big. Works just fine.

    I understand correctly that for different content I should customize the css? I t works, but there is no way to position the button regardless of content?

    thx for your help and quick reply!

    Denzel Chia
    Moderator
    Posts: 2656
    September 1, 2016 at 1:46 am #30132

    Hi,

    I had taken a look at your website in safari.
    Your buttons in your content boxes are aligned.
    http://image.prntscr.com/image/2e41de5eb5a5480ca419378bd7b17796.png

    The position of buttons depends on the height of the content above it.
    You can give the element above it a min-height, which is what Daniel had shown you.
    Adjust the min-height of the content of the three boxes in order to maintain your button alignment.

    Thank you.