Layout problem in content type

Request Type:

General Assistance

Forums:

Author:

Campbell Harmon

Issue/Request:

I decided to move all our Convocation and Reunion content from the older site to our new website. I’m trying to use the CloudZoom module with the class photos. You can see them at the bottom of the page here: http://divinity.yale.edu/1956-60th-reunion-class

I got CloudZoom to work correctly, but the problem is that the icons of the photos (medium size) are showing up in a horizontal line on that page instead of stacking vertically like I assumed they would.

Some reunion groups have four class photos so I set up the CloudZoom to display to the right of the icon image.

How do I get the photos to display in a vertical stack instead of side by side?

Chao Hang Lu on July 20, 2016:

Hi Campbell Harmon,

I added a CSS code to make it stacking vertically instead horizontal line. Let me know if this is the result you will like.

Thanks

- Chao Hang Lu

Campbell Harmon on July 20, 2016:

Chao,

Thank you! That’s perfect!

Where did you add the CSS, in the Injector or in the content type display?

I would like to look at it so I can maybe do it myself the next time I have a problem like this.

Campbell

Chao Hang Lu on August 1, 2016:

Hi Campbell,

Sorry for late reply. I add the CSS in the injector. You should able to edit the code in future.

Thanks