Posterize.us: removing image borders - Posterize.us

Jump to content

Tips

When posting, be sure to include any extra info that will be helpful in diagnosing your issue. (Include link to your Posterous blog, along with any code snippets, etc.)

Also, be sure to check the official theming reference first if you're having trouble: http://posterous.com/theming/reference
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

removing image borders

#1 User is offline   kskdn 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 3
  • Joined: 07-March 11
  • Posterous URL:http://kskdn.posterous.com

Posted 07 March 2011 - 09:35 AM

http://kskdn.posterous.com

Whenever I post a linked image, or any image, they are displayed with a large (9px?) border around them and no padding. I thought that changing the img{border:0} in the head would fix this, but no luck. I ctrl+f'd through the theme's code, manipulating every border variable I could, but no luck. (the base theme was 'thunder'). Thanks in advance for the help, and thanks for providing the themes Cory.
0

#2 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 07 March 2011 - 11:59 AM

The borders for images are part of a bunch of other styles to all sorts of embeds. If you want to get rid of them, here's the code to remove:

http://screenshots.w...080857_54Kb.png

Specifically, borders are added to images with the .posterousGalleryMainDiv and .inner img classes. But if you want to kill the embed borders for everything, it's safe to remove that entire chunk of code.
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

#3 User is offline   kskdn 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 3
  • Joined: 07-March 11
  • Posterous URL:http://kskdn.posterous.com

Posted 07 March 2011 - 01:48 PM

Thanks, but I'm curious - how should I add padding to images if I comment that section out?

Also, in this test post, there's a linked image on the left, for which the html was :
(For those who are interested in theories of consciousness,<a href="http://www.amazon.com/Feeling-What-Happens-Emotion-Consciousness/dp/0156010755/ref=sr_1_1?ie=UTF8&amp;qid=1299433584&amp;sr=8-1"><img src="http://ecx.images-amazon.com/images/I/51L1UQ8uScL._SL160_PIsitb-sticker-arrow-dp,TopRight,12,-18_SH30_OU01_AA115_.jpg" alt="" align="left" /></a> I'd reccommend...


If you look at the post, there's a clickable link (it's just a space) in between the words where I inserted the link. Any thoughts on how to make that disappear?
0

#4 User is offline   Cory Watilo 

  • Advanced Member
  • Group: Administrators
  • Posts: 272
  • Joined: 30-September 09
  • LocationOrange County, CA
  • Posterous URL:http://watilo.com

Posted 07 March 2011 - 03:03 PM

All links have that background treatment, even images. You could technically write a class like:

a img {background:none;}

that would segment out that background style for images that are linked.
Cory Watilo
My Posterous: http://watilo.com
Twitter: http://twitter.com/corywatilo
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users