Equal Height of 2 elements - by ejder077

This topic has 16 replies, 3 voices, and was last updated 4 years, 2 months ago ago by Rose Tyler

  • Avatar: ejder077
    ejder077
    Participant
    January 15, 2020 at 04:04

    Hi

    Please, contact administrator
    for this information.
    15 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 15, 2020 at 12:24

    Hello,

    1) Do you want just 2 columns with the content or need the carousel? Because if you need just 2 columns layout then I would recommend you to use the following settings for the row with columns http://prntscr.com/qnzdlc and replace image with bg image for the column http://prntscr.com/qnzh6f I have created an example below your row.
    Besides, why do you use png for MS-HADA image instead of jpg? Png image takes 732 KB but jpg 55KB and your page speed will be slower.
    2) Just choose columns gap 0 if the row with 2 columns version is suitable for you http://prntscr.com/qnzij2

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 16, 2020 at 09:47

    Thank you for your suggestion. They are in equal height now.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 16, 2020 at 09:57
    Avatar: ejder077
    ejder077
    Participant
    January 16, 2020 at 11:49

    It works

    But they are not at equal height now

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 16, 2020 at 11:57

    There is a block of navigation http://prntscr.com/qohli4 You need to edit Navigation settings of the Carousel http://prntscr.com/qohlty

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 16, 2020 at 12:02

    How should I set the navigation?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 16, 2020 at 15:10

    Please check now – http://prntscr.com/qokysv , you can edit it http://prntscr.com/qokz61

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 17, 2020 at 03:33

    Hello

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2020 at 08:15

    Hello,

    Your column is empty and does not have paddings. In this case, you need to set http://prntscr.com/qoweqw

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 17, 2020 at 11:04

    Thank you

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2020 at 14:53

    You’re welcome!
    It depends on Typography settings, for example, http://prntscr.com/qp2ok0

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 18, 2020 at 03:32

    1. Like I said, I just copy and paste. Why the text settings changed automatically?

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 18, 2020 at 09:29

    Hello,

    1. The Callout element comes from Massive Addons plugin and independent of our theme. Unfortunately, I can’t say for sure what caused the problem, it can be a compatibility problem with another plugin. Have you been able to fix the problem by changing settings of the element?
    2. Because columns are empty and do not have paddings. Try to change these options to find our best combination of settings – http://prntscr.com/qpe86c

    Regards

    Avatar: ejder077
    ejder077
    Participant
    January 18, 2020 at 12:56

    Sorry, I tried a lot of combination, and it does not work.

    When I set the padding to a small number, the image does not show on phone version.

    When I set the padding to a larger number, the image and the callout box do not in equal height anymore.

    What should I do?

    Thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 18, 2020 at 13:09

    Try these settings – http://prntscr.com/qpg13n http://prntscr.com/qpg0ni
    or you can hide column for mobile http://prntscr.com/qpg1dk and add a new row with image, that will be shown on mobile only.

    Regards

  • Viewing 16 results - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.