How can I remove the forced media width for my imbedded tumblr?

  • 1
  • Question
  • Updated 5 years ago
  • Answered
The forced media width for the tumblr integration is a bummer. I often insert images that are around 190px in width but the forced width for tumblr media is 400 so these images get enlarged and look awful in my site. I have tried using this custpom css to remove this forced width but in my browser the custom CSS is always overridden by the CSS injected by the tumblr frame.

How can I remove the tumblr media forced width so that my media displays the way I intend it to?

See bolsalista.com/blog

Custom CSS:

div#I269 div.yola_tumblr_widget img {
width: auto;
}
Photo of Ian McCollum

Ian McCollum

  • 6 Posts
  • 3 Reply Likes
  • bummed

Posted 5 years ago

  • 1
Photo of Ian McCollum

Ian McCollum

  • 6 Posts
  • 3 Reply Likes
Solved this myself. You ca place some CSS in the site footer code. This is the only place you can ensure your CSS is after all the CSS inserted by the site builder for the tumblr widget.

CSS:

div#I269 div.yola_tumblr_widget img{width:"";border:none;}
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Thanks for sharing your solution here Ian!