I'm trying to create something similar to the right hand docked monitor on Apple's homepage http://www.apple.com/uk/ and allow my text content to flow within the central container area as per the page.
I have tried doing this by setting a background image but find in doing so the image does not have a 1:1 ratio and ends up much larger than the original. I have also tried to do this within the container but the layout takes control of the image size/scaling rather than honouring the "full-size" image option in wordpress.
Is there any way I can achieve this using the layout options? If this is not possible could you point me in the right direction of a css override that allows the image to keep it's original width/height and overflow the column keeping things responsive?
Many thanks
It seems they're just using an img tag inside of a column and allowing the full width of the image to break out of the constrained regular dimensions with some css - if you could send me the URL to your page where you're trying to do this I could suggest the necessary css for you :)
(make sure you have the image inside of a column so I can see the setup)
Hey Callum!
It seems they're just using an img tag inside of a column and allowing the full width of the image to break out of the constrained regular dimensions with some css - if you could send me the URL to your page where you're trying to do this I could suggest the necessary css for you :)
(make sure you have the image inside of a column so I can see the setup)
Cheers