Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 16, 2015 at 5:08 pm #520154
    Acuadra_P

    Hi!

    I am using 4 icons with texts on home page.. the texts below the icon is of 2 lines..but when viewing in different browser size the box heights looks odd..they must be even ..equal.. if they change height individually it will look bad. Plz help me how to fix this issue. I have given my site url below.
    if you resize the browser you will see the individual icon boxes changing heights.

    P.S. I have used 4 columns with “equal height” with edit column option.

    hope to hear soon.

    Thanks.
    Andy.

    October 16, 2015 at 6:14 pm #520214
    Elliott

    Hi Acuadra_P!

    What you’ll need to do here is create the four columns and add your text inside and then add a whitespace / separator element beneath them and then add four more columns with the buttons inside them. This will ensure they are all aligned horizontally on all screen sizes.

    Best regards,
    Elliott

    October 26, 2015 at 11:50 pm #525236
    Acuadra_P

    hi!
    I have been trying this so many times..are you sure? I mean do you know when u add four columns and add your text inside and then add a whitespace / separator element beneath them and then add four more columns with the buttons inside them .. under mobile view they create separate columns so all read more button coming one after another..and all text + icon is coming in separate columns?

    check the url in private area u will know what i mean.. sorry but not happy with this kind of support. You must know that read more button should be attached to each item.

    Thanks.

    October 27, 2015 at 12:32 pm #525451
    Rikard

    Hi,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply. Sorry that you are not happy with our kind of support, it’s the only kind we have.

    Regards,
    Rikard

    October 27, 2015 at 5:39 pm #525671
    Acuadra_P

    Hi! Rickard,

    Don’t get me wrong..but you should know well how your theme works on responsive modes..and how to set up columns and rows so that what i see on big screen that will adapt on small screen too. The thing is when I followed your advice it was good on big screen but when i saw the same on small screen the icon and text came in one row one by one without their respective “learn more” button. Thanks for understanding.

    Plz check the login details at private area.

    Let me know how to work on this one.. Thanks again!

    regards

    October 28, 2015 at 12:23 pm #526041
    Ismael

    Hey!

    We added a code block element to modify the button position and cell padding. We also set the row column to equal height. Please check it now: http://3ef.cb1.myftpupload.com/test-icon/

    Cheers!
    Ismael

    November 1, 2015 at 10:01 pm #528173
    Acuadra_P

    hi!
    Thanks for the help!

    i have some text alignment issues here..how to get rid of those spaces in justify alignment?

    Thank You!

    • This reply was modified 9 years ago by Acuadra_P. Reason: i have some new issues.. plz reopen this thread
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘icon boxes alignment problem’ is closed to new replies.