Okay
  Public Ticket #3664890
Equal height row not working within carousel
Closed

Comments

  •  30
    damien started the conversation

    We have a carousel setup that has 3x 2 column sections within it. Each is set to equal height and has a left column with a 800x800 image set to scale to the full size of the column.

    Regardless of these settings we still have a 2 column setup that isnt equal height. How can this be fixed?


    Thanks

    Damien

  •  1,875
    Judith replied

    Hi Damien,

    Thanks for writing to us.

    To make the changes as requested, you will need to add some custom CSS code. To do this, please follow these steps:

    From your WordPress dashboard, Navigate to Salient > General Settings > CSS/Script Related. In the custom code area, insert the provided CSS snippet:

    #ajax-content-wrap .col[data-padding-pos="left-right"] > .vc_column-inner, #ajax-content-wrap .col[data-padding-pos="left-right"] > .n-sticky > .vc_column-inner {
        height: 72vh;
        top: 2em;
    }

    Once the code is added, save and refresh the page to see if the change has been applied. In case it helps, please check this section from the documentation on CSS/Script Related

    If this does not work as expected or If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help. 

  •  30
    damien replied

    Thanks Judith, this still hasn't worked.

    A weird rounded edges is also being applied to the left column with the background image.

    My understanding of these settings is that the background image should scale to exactly the same height of the right column container..but it doesn't.

    Attached files:  Screenshot 2024-06-11 at 11.34.40.png

  •  1,875
    Judith replied

    Hi Damien,

    Thanks for writing back.

    To assist you better, we'd love to have a closer look at your setup and to do this, we'll need admin login credentials 

    (dashboard URL, username, password) to your site. This will enable us to conduct a more in-depth investigation of the issue based on your specific configurations. Would you mind sharing this with us? 

    If you prefer, you can safely share the access through a one-time secret note or using an access plugin such as Controlled Admin Access.

    Before you provide this information, we strongly recommend taking a backup of your site.

    If you have any concerns or questions about this process, please don't hesitate to let me know.

    Best regards,


  •   damien replied privately
  •  30
    damien replied

    also, I removed your code as it was causing many things to overlap on mobile

  •  1,875
    Judith replied

    Hello Damien,

    Thanks for writing back.

    I am not locating this page from the backend so that I can be able to check out the configurations from WPBakery Editor. Also the admin panel isn't showing on the frontend as shown here :

    7208569082.png

    Please let us know from which location we can find this page and edit:https://africanimpact3.wpenginepowered.com/program/ai-program-pageva/#impact

    Upon inspecting your page I realized it is a portfolio page however I am still not seeing any portfolio pages on the backed.

    I look forward to your response.

  •  30
  •  8,838
    Tahir replied

    Hey Again,

    I just logged in and had a look. The easiest way to fix this is to adjust the Divider height for each viewports. 

    Thanks.


    ThemeNectar Support Team 

  •  30
    damien replied

    ok thankyou. Feel free to closse this one out