Picture of Alex House
Graphic Component - image appear above text?
by Alex House - Tuesday, 16 February 2016, 10:32 PM
 

Hi,

I've been playing around with the Graphic Component and I  was wondering if it's possible to have the image appear above the text?

Does anyone know where its position is controlled?

Thanks very much,

Alex

Picture of Simon Ray
Re: Graphic Component - image appear above text?
by Simon Ray - Tuesday, 16 February 2016, 10:28 PM
 

Hi Alex

Great question. I'd like to be able to do a similar thing in accordions -  put the image to the left or right of the text...

Simon

Picture of Matt Leathes
Re: Graphic Component - image appear above text?
by Matt Leathes - Wednesday, 17 February 2016, 12:53 PM
 

Alex - you could use the 'attribution' property of the graphic component to display a small amount of text under the graphic. If you want a lot of text it would be best to put this into a separate text component so that it will layout better on smaller displays.

The position of 'body' text that you can add to any component is controlled by partials/component.hbs in the theme folder. I wouldn't recommend messing around with this as anything you do to it will affect all components.

Simon - you should be able to achieve this using the accordion.less - but as to exactly how, I'm not the person to answer that... I did have a try and managed to get the accordion text on the left with the image on the right but then the accordion-item stopped expanding vertically to the right size, so I'm obviously missing something vital!