Hi,

I am using your boxed content a lot on my site to show products with links to the products main page, the problem I have is that I want the height of the boxes in the same row to be consistent so want to be able to set a maximum height being my highest box, otherwise they all look a bit strange (please see link). I dont mind having empty white at the bottom of the smaller boxes so long as all the bottoms line up.

Please Help

Regards Steve

Thank you, Thats great, i am just tweaking now to find the happy medium. Love your work and support. I have noticed that I no longer receive emails when my tickets are updated, any idea why?

Actually I have just discovered the answer to this. When I update my first profile page with say a new avatar it deselects the receive email notifications on the second profile tab. Is this normal?

Hi,

I'm also trying to figure out how to make the height of boxed columns equal. Can you please let me know how you were able to do it?

Thanks,

Chris

Hi Chris,

Forgive my explanation if it doesn't make sense but see below.

1. Edit the row that contains the boxed content, not the boxed content itself, and at the bottom of the Edit Row dialogue box there is an option for "Extra Class Name", In this area enter "class Name"-min-height where "class name" (but do not use the quotation marks) is what you want to call it, for example mine is ledex-min-height
2. Save this and update your page.
3. Open Salient/General Settings.
4. At the bottom of this page is the custom CSS Code Area
5. At the bottom of any code you may have already there leave a line and enter the below text.

.ledex-min-height div.wpb_wrapper {
min-height: 230px;
}

Don't forget the . at the start, you can change the height to whatever suits your needs and if you have different boxes on different pages that you need to be a different size you can simply change the name (in my example ledex) to something different and add another Custom CSS Code with the new name in it as well.

Don't forget to scroll back up to the top of the General Settings page and click Save Changes.

If you want boxes of the same size on different pages simply use the same Class Name in the edit row on those pages and they will refer back to the Custom CSS accordingly.

 I have several different height requirements on different pages so my Custom CSS looks something like the below.

.cf-min-height div.wpb_wrapper {
min-height: 180px;
}

.wl-min-height div.wpb_wrapper {
min-height: 230px;
}

.products-min-height div.wpb_wrapper {
min-height: 260px;

Hope this helps.

Regards, Steve

See following link where I have used this method.

http://www.noosalighting.com.au/led-strip-lighting...

Hi Steve,

Thanks so much for your prompt and detailed response. I understand everything except for the first step #1 :)

I'm not understanding what you mean by "row that contains the boxed content". Did you select Nectar Shortcodes > One Sixth Column > and check boxed column? I can't seem to find "Extra Class Name" in the columns shortcode but have seen it in other areas.

If you can direct me how you got to Extra Class Name or can show your code snippet it would be appreciated.

Thanks again,

Chris

Hi Chris,

Sorry, mine were contained within Tabs and I edited via the visual composer as well so I also had an outer container, please see the attached files, one shows the button within the visual composer screen and the other the area within Edit Row, you need to scroll down for this.

Hi Steve, 

I don't have visual composer so that's why I was stumped. Looks like I may have to get it.

Many thanks again.

Chris

Perfect. Thanks Tahir.

I went back to a previous version after upgrading to 4.0.2 because it was magnifying my nectar slider images. Guess I'll have to take care of that issue now lol.

Thanks again Steve for taking the time to help.

Chris