How to style a specific row

Honestly I never thought about it.
The first and last row do get .first_row and .last_row, but nothing for the internals.

In the next update I’ll add in a row number class name like .row_1 .row_2 etc.

Thanks David! That would be Great!
Still lovin your plugin!

Hi there,

This is a great plugin! I tried a couple of other forms and then Caldera. Now I’m getting ambitious.

I’d like to be able to center buttons and the Google reCaptcha button within a row. Right now the images are to the left of their respective cells, and even though they appear close to centered in the design view, they don’t center on the page display.

Since the image is inside a field, centering the field via it’s class css doesn’t work.

Hey Wynot,

I found a way to set a custom ID for a row, as long as you know what row number it is.

Add the following to your custom functions.php:

add_filter('caldera_forms_render_grid_structure', 'setup_row_IDs', 10, 2);
function setup_row_IDs($grid, $form){
	if ($form['name'] == 'YourFormName'){
		$grid->setRowId('theThirdRow',3);
	}
	return $grid;
}

This applies the ID ‘theThirdRow’ to the 3rd row so you can style with CSS, eg. #theThirdRow{ border:1px }

If you want to add a class instead of an ID, it looks like you can use this in the above example:
$grid->appendClass('classForRowSix',6);

Hey Cookie – Thanks!
Will have to give it go!
Will let you know how it works out ??