I have a row with two columns. On the left side is some text, on the right side is no content except for a full background image. The right column has "Scale Background Image To Column" and "Equal height" checked, so the image height is defined by the text content in the left column.
I would like to define a minimum height for the right column, regardless of how little text may be in the left column. How would I do that? Thanks!
When I add "min_height="350px" in the image code, it works. But it would be overwritten in VC when I change something. I wonder where would I add this code using the Visual Composer?
In case you still looking for a solution. I got the below from the support team and it worked for me. Apply that to the row if you have your columns in a row
I have a row with two columns. On the left side is some text, on the right side is no content except for a full background image. The right column has "Scale Background Image To Column" and "Equal height" checked, so the image height is defined by the text content in the left column.
I would like to define a minimum height for the right column, regardless of how little text may be in the left column. How would I do that? Thanks!
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hey Again,
Try adding column padding in the image column and see if it makes a difference .
Be.st
ThemeNectar Support Team
Would be nice to know how you resolved this as I have the same issue. Can you shed some light support guys?
Not resolved yet..
When I add "min_height="350px" in the image code, it works. But it would be overwritten in VC when I change something. I wonder where would I add this code using the Visual Composer?
I think I almost have it. I gave the columns an extra class and put this in the page CSS:
.sevenimages {
min-height : 550px;
}
In the columns I entered "sevenimages" as the class name.
However, I guess I still have to add a media query to make the image smaller on a mobile device.
@Wolfgang
In case you still looking for a solution. I got the below from the support team and it worked for me. Apply that to the row if you have your columns in a row
.fixed-height-cols .wpb_column {
min-height: 450px!important;
}
you can adjust that number accordingly.
Cheers
Thanks semmyds, is this command responsive?
Dont know,. Didn't ask and never tested.