Return to previous page

Equal Height of 2 elements - by ejder077

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

ejder077

Participant

January 15, 2020 at 04:04

Hi

Please, contact administrator
for this information.

#228291 Copied Theme version: Child 6.2.3

15 Answers

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

#228329 Copied

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.

#228396 Copied

Rose Tyler

Support staff

January 16, 2020 at 09:57

Try these settings http://prntscr.com/qofnbc > http://prntscr.com/qofnmc

Regards

#228397 Copied

ejder077

Participant

January 16, 2020 at 11:49

It works

But they are not at equal height now

#228402 Copied

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

#228404 Copied

ejder077

Participant

January 16, 2020 at 12:02

How should I set the navigation?

#228407 Copied

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

#228417 Copied

ejder077

Participant

January 17, 2020 at 03:33

Hello

Please contact administrator
for this information.

#228435 Copied

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

#228437 Copied

ejder077

Participant

January 17, 2020 at 11:04

Thank you

Please contact administrator
for this information.

#228446 Copied

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

#228454 Copied

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.

#228496 Copied

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

#228503 Copied

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

#228512 Copied

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

#228513 Copied
Viewing 16 results - 1 through 16 (of 16 total)