I have created a custom module to add staff photos on our website. I have used float left and given a width of 50%, allowing me to add extra staff photos easily in the future.
My issue is that i would ideally like the height of the module to be auto, so allowing for different staff description lengths below the image. However when i do this not all the custom modules always float to the left as the custom module above is blocking it.
I would consider creating a new custom module and take advantage of the repeater functionality. you wouldnt need that jquery script and you wouldnt have that repeated css in your document.
the float is performing how it is intended to perform. you will need a height to make it do what you want with a float. I would recommend a flex container. I wrote it out for you here
I would consider creating a new custom module and take advantage of the repeater functionality. you wouldnt need that jquery script and you wouldnt have that repeated css in your document.
the float is performing how it is intended to perform. you will need a height to make it do what you want with a float. I would recommend a flex container. I wrote it out for you here
Thanks for your reply. I have now begun use the repeater functionality. howveer i'm struggleing to get the repeating object to fit side by side without the float: left and a fixed height. How can i make that when i add another repeater item, that it is added to the side rather than below.
i have provided a link to the page. the first 3 staff photos are the new repeater elements.
