11 Replies Latest reply on Mar 12, 2018 8:15 AM by Grégoire Michel

    Customize Marketo background images

    Grant Booth

      Ever wish you could have a cute kitten appear when you see the My Marketo screen? Or perhaps a photo from your most recent vacation to make you wish you were doing something else?

      Screen Shot 2017-09-01 at 11.23.00 AM.pngScreen Shot 2017-09-01 at 11.23.46 AM.pngScreen Shot 2017-09-01 at 11.24.23 AM.png


      With a browser extension and some custom CSS, you can.

      If you use Chrome, download the Stylebot extension. Then go to Options > Styles > Edit Global Stylesheet.

      Insert the below CSS code to over-ride images with your own (just replace the image URLs in quotations with images of your choice - try a Google images search or maybe look in that secret Slack channel your team uses for kittens). Remember to click Enable Global Stylesheet. Also, be sure to turn the extension off if something isn't working right and you need to submit a case to Support about it.


      /* Analytics - Business Cat */

      .mkt3-analyticsHome {

          background-image: url("https://s-media-cache-ak0.pinimg.com/originals/fb/06/a5/fb06a5f69b326b46f19f83a77fdabf5b.jpg");



      /* Calendar - Jurassic Park logo */

      .mkt3-calendar-view-global {

          background-image: url("https://qph.ec.quoracdn.net/main-qimg-cdeb9e8a00f2003e68b0f3ba973190f7");



      /* My Marketo - Kitten */

      .mkt3-home {

          background-image: url("https://media.giphy.com/media/Vuw9m5wXviFIQ/giphy.gif") ;



      /* Engagement program - Captain Picard saying "Engage" */

      .mkt3-leadNurturePanel {

          background-image: url("http://drillsoul.com/wp-content/uploads/2016/07/make-it-so.jpg") ;


      .mkt3-nurtureTrackPanel {

          opacity: .8;



      /* Email Program - Puppies */

      .mkt3-emailBlastControlPanel {

          background-image: url("http://theprojectheal.org/wp-content/uploads/2016/01/Aaaaaawwwwwwwwww-Sweet-puppies-9415255-1600-1200.jpg");