kaseymahoney Posted June 9, 2014 Share Posted June 9, 2014 Has anyone had success with using a animated gif for a image block? When uploading it says 'Processing Failed.' My gif shows up on the page however, does not stay responsive and gets cut off. Here is my example. kaseymahoney.com/lowend-theory/ Any help would be greatly appreciated! Thank you-K Link to comment
geekgirlweb1570047771 Posted June 10, 2014 Share Posted June 10, 2014 Hi, Tried viewing the example but it no longer exists, would you mind sharing a new one? Feel free to password protect it as well. Link to comment
kaseymahoney Posted July 9, 2014 Author Share Posted July 9, 2014 My great friend Israel Sanchez solved this for me. Here is the code incase anyone else was having the same issue, just add it to the Custom CSS Editor: .sqs-block-image .image-block-outer-wrapper .image-block-wrapper img { max-width: 100%; } Seems like everything else works great! Link to comment
Guizones Posted January 12, 2015 Share Posted January 12, 2015 Kasey , amazing website ! Congrats ! I could not find the animated gif though , could you share the link ?And which template are you using ? Link to comment
kaseymahoney Posted January 22, 2015 Author Share Posted January 22, 2015 here is a example of the animated gif which does not get cut off when resizing the browser window. (at the bottom) https://kasey-mahoney.squarespace.com/fugoo Link to comment
flizzo Posted March 14, 2017 Share Posted March 14, 2017 Clueless about this stuff, but where in the Custom CSS Editor would the gif link go? Link to comment
otpotential Posted May 10, 2017 Share Posted May 10, 2017 This thread seems outdated! I was able to just add my animated gif to the via the image block. See example here at the bottom of the page:https://otpotential.com/occupational-therapy-jobs/ Link to comment
menhoora Posted November 16, 2017 Share Posted November 16, 2017 Hi @kaseymahoney i'm having similar issue, Right now have a video background active, but for the mobile version (MOBILE FALLBACK IMAGE) I want to put a .gif wit some text. In the ipad with landscape mode looks great, but not happens the same in the vertical orientation or in the iphone... Maybe touching something with css... but i don't know at all. Thanks in advance (: Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.