I have 3 images inside a [row] and then each inside a [one_third] shortcode. This is all inside an accordion tab. The problem is the images are not top aligned in the row.
[row][one_third]<img src="http://www.hatshaiti.org/wp-content/uploads/2017/10/edited1920x1080Cutie-Dickieson2-1024x576.jpg" style="vertical-align: top;" alt="" width="500" height="281" class="aligncenter size-large wp-image-36620 hats_photo_border" />[/one_third]
[one_third]<img src="http://www.hatshaiti.org/wp-content/uploads/2017/10/edited1920x1080IMG_7440-1024x576.jpg" style="vertical-align: top;" alt="" width="500" height="281" class="aligncenter size-large wp-image-36621 hats_photo_border" />[/one_third]
[one_third]<img class="aligncenter size-large wp-image-36618 hats_photo_border" src="http://www.hatshaiti.org/wp-content/uploads/2017/10/edited1920x1080IMG_5850-1024x576.jpg" style="vertical-align: top;" alt="" width="500" height="281" />[/one_third][/row]
When I use the same code on a page - not an accordion - it aligns perfectly.
Can you help?
The page is here: http://www.hatshaiti.org/about-us/
Lynn
Can you please write [one_third] (simple remove new line after [/one_third])in a same line, like as follows
[row][one_third]<img src=”http://www.hatshaiti.org/wp-content/uploads/2017/10/edited1920x1080Cutie-Dickieson2-1024×576.jpg” style=”vertical-align: top;” alt=”” width=”500″ height=”281″ class=”aligncenter size-large wp-image-36620 hats_photo_border” />[/one_third][one_third]<img src=”http://www.hatshaiti.org/wp-content/uploads/2017/10/edited1920x1080IMG_7440-1024×576.jpg” style=”vertical-align: top;” alt=”” width=”500″ height=”281″ class=”aligncenter size-large wp-image-36621 hats_photo_border” />[/one_third][one_third]<img class=”aligncenter size-large wp-image-36618 hats_photo_border” src=”http://www.hatshaiti.org/wp-content/uploads/2017/10/edited1920x1080IMG_5850-1024×576.jpg” style=”vertical-align: top;” alt=”” width=”500″ height=”281″ />[/one_third][/row]
I hope that helps.
Regards
That worked!