WordPress.com Forums » Topic: Inuit Types Image Border http://en.forums.wordpress.com/topic/inuit-types-image-border WordPress.com Forums » Topic: Inuit Types Image Border en Mon, 20 May 2013 18:54:03 +0000 http://bbpress.org/?v=1.1-alpha-2539 maureenheck on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-523965 Fri, 05 Nov 2010 22:16:55 +0000 maureenheck 523965@http://en.forums.wordpress.com/ Sacred Path

thanks this worked for me (after trying several CSS previews unsuccessfully) I also put 0 in the border field:

"If you open the post in the editor, click on the image to highlight it, click on the image edit button (mountain) then click on the advanced tab and paste the following into the "style" field and then save the changes and then save the post, it should remove the border.

border-color: none; border-width: 0;"

]]> oblecto on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516471 Mon, 11 Oct 2010 14:41:09 +0000 oblecto 516471@http://en.forums.wordpress.com/ After some experimentation I discovered a somewhat simpler method for eliminating the border around images in the 'Inuit Types' theme, and I offer it here for those who may not be inclined to muck about with HTML.

1. Open your Post or Page for editing; In the 'Visual' side of the Dashboard Editor place your cursor in the location where you would like the image to appear, then click on 'Add an Image', the first icon in the 'Upload/Insert' features.

2. Select an image from your Media Library and click 'Show'.

3. Select the appropriate size and alignment and click the 'Insert into Post' button.

4. The selected image now appears in the Editor. Click on the image; two icons will appear: 'Edit Image' (left) and 'Delete Image' (right). Select 'Edit Image'.

5. Click on the 'Advanced Settings' tab. In 'Advanced Image Settings', look at 'CSS Class'; a specification appears there (e.g., 'alignright size-medium wp-image-178'), delete everything except the alignment specification (i.e., 'alignright').

6. Below that, in 'Styles', enter (exactly as shown here): border: none; background: transparent;

7. Click update.

8. Now you can Preview or Update as usual to see results. Note that this will not work with images that you have added captions to. If you want borderless images with captions, you must add them to the image before uploading it into your Media Library.

]]> oblecto on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516289 Sun, 10 Oct 2010 21:48:00 +0000 oblecto 516289@http://en.forums.wordpress.com/ A tip of the Stetson to panaghiotisadam; your recommendations were absolutely correct. I have eliminated that pesky border, and I now know exactly how to deal with them in the future. I had noticed the deterioration in image quality on another blog (oblecto.wordpress.com) and although I didn't know that specifying height and width in the code added to the loss of quality, I do routinely use Photoshop to size images before using. The dimensions specified in 'Maximum displayed image width' (yours, I believe) will allow me to be more precise in this. I was forced to specify size on the 'Ipcress File' image due to difficulty in having it fit properly without unsightly gaps in the justification of the text. Once again, many thanks to you and all who responded.

]]> oblecto on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516285 Sun, 10 Oct 2010 21:32:28 +0000 oblecto 516285@http://en.forums.wordpress.com/ Thank you, panaghiotisadam, I shall most certainly try your suggestions and post the results here later today.

]]> panaghiotisadam on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516257 Sun, 10 Oct 2010 19:02:11 +0000 panaghiotisadam 516257@http://en.forums.wordpress.com/ Yes you're doing something very simple and very wrong: closing tags have a slash before the letters, not after:
</em>
As for the code, if it disappears when you click Update, then you're also making a mistake with it. To give you a concrete example, the HTML edit box of your latest box inclludes this:
<img class="alignright" style="border:0 none;" src="http://nycommonplace.files.wordpress.com/2010/10/ipcress-file.jpg?w=175&h=285" alt="" width="175" height="285" />
You should turn it to this:
<img class="alignright" style="border:none;background:transparent;" src="http://nycommonplace.files.wordpress.com/2010/10/ipcress-file.jpg?w=175&h=285" alt="Ipcress File" width="175" height="285" />

Check this too, by the way:
http://wpbtips.wordpress.com/2010/01/16/image-quality/

]]> oblecto on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516244 Sun, 10 Oct 2010 17:40:51 +0000 oblecto 516244@http://en.forums.wordpress.com/ My attempt at using HTML in the preceding post was not too successful, was it? Perhaps I am just doing something very simple and very wrong?

]]> oblecto on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516243 Sun, 10 Oct 2010 17:38:02 +0000 oblecto 516243@http://en.forums.wordpress.com/ Many thanks to thesacredpath<em/> and panaghiotisadam<em/> for their lively commentary. I did try the "border:none;background:transparent;" entry recommended in Getting rid of unwanted features in MistyLook<em/> but I am sorry to report that it did not do anything. When inserted into the image code, it is simply ignored by the html editor - it disappears from it after the 'update' button is used.

]]> panaghiotisadam on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516158 Sun, 10 Oct 2010 09:42:20 +0000 panaghiotisadam 516158@http://en.forums.wordpress.com/ I'm having no problems whatsoever with the editor (Mac, Safari and Firefox).

But the hell with it.

]]> panaghiotisadam on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516157 Sun, 10 Oct 2010 09:38:36 +0000 panaghiotisadam 516157@http://en.forums.wordpress.com/ a) Yes, border:none works in the CSS. It works in the HTML editor too. But Inuit also has an f4f4f4 bg around images, so you need to remove that too (hence my background:transparent).

b) The equivalent of border:none in the advanced image settings of the visual editor is a plain 0 in the border field.

]]> thesacredpath on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516154 Sun, 10 Oct 2010 09:24:20 +0000 thesacredpath 516154@http://en.forums.wordpress.com/ I was going to put up a test post, but I can't even get into the editor in my test blog, and the media library show question marks for all my images I have loaded there, but the hell with it.

]]> thesacredpath on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516151 Sun, 10 Oct 2010 09:14:59 +0000 thesacredpath 516151@http://en.forums.wordpress.com/ Well, the main issue is that border: none; works in the CSS which means if you add it to the image code, it should work there (it's just inline CSS). The issue is that the editor isn't accepting border: none; anymore in the style field in the advanced tab (it morphs it into a whole bunch of shit). I've used it tons of times in the past. It simply won't work anymore.

There is a new version of TinyMCE advanced that is being incorporated into the next version of wordpress core, and I suspect they installed it here about a week ago. I have a couple friends here that are now having all sorts of issues with the editor that they didn't a week ago, and there haven't been any browser updates for either of them.

]]> panaghiotisadam on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516147 Sun, 10 Oct 2010 09:06:24 +0000 panaghiotisadam 516147@http://en.forums.wordpress.com/ @Rich: that post gives the proper code, and says "The same trick can be used to get rid of the border around images in [...] Inuit Types, [...].

]]> thesacredpath on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516138 Sun, 10 Oct 2010 08:51:14 +0000 thesacredpath 516138@http://en.forums.wordpress.com/ This is Inuit types, not Mistylook. The issue is that the editor changes border none to something else. It won't accept border none.

]]> panaghiotisadam on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516128 Sun, 10 Oct 2010 08:29:48 +0000 panaghiotisadam 516128@http://en.forums.wordpress.com/ Border-none alone doesn't work, because you need to change the image background too. See here:
http://wpbtips.wordpress.com/2009/12/24/unwanted-features-in-mistylook/

]]> thesacredpath on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516071 Sun, 10 Oct 2010 04:08:41 +0000 thesacredpath 516071@http://en.forums.wordpress.com/ Since I'm not seeing any images on that blog, I can't work on it for you.

The editor here has apparently completely lost its mind and is doing whatever it wants. If you open the post in the editor, click on the image to highlight it, click on the image edit button (mountain) then click on the advanced tab and paste the following into the "style" field and then save the changes and then save the post, it should remove the border.

border-color: none; border-width: 0;

I'm not sure what the he** staff did to the editor, but it is seriously and completely busted. It won't even accept "border:none;" now.

]]> airodyssey on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516016 Sun, 10 Oct 2010 00:31:56 +0000 airodyssey 516016@http://en.forums.wordpress.com/ OK... Sorry that didn't work. If anyone has other ideas, be my guest.

]]> oblecto on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516013 Sun, 10 Oct 2010 00:14:11 +0000 oblecto 516013@http://en.forums.wordpress.com/ New blog is: nycommonplace.wordpress.com

]]> airodyssey on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516007 Sun, 10 Oct 2010 00:01:53 +0000 airodyssey 516007@http://en.forums.wordpress.com/ What's the URL of your new blog? http://oblecto.wordpress.com is not using the Inuit Types theme.

]]> oblecto on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-516006 Sun, 10 Oct 2010 00:00:11 +0000 oblecto 516006@http://en.forums.wordpress.com/ Thank you for the suggestion, airodyssey. I tried it, but no luck I'm afraid. Darned grey border is still there, and no, there is no caption.

]]> airodyssey on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-515896 Sat, 09 Oct 2010 15:59:29 +0000 airodyssey 515896@http://en.forums.wordpress.com/ One more thing: that only works if there is no caption with your image.

]]> airodyssey on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-515895 Sat, 09 Oct 2010 15:57:46 +0000 airodyssey 515895@http://en.forums.wordpress.com/ Hi! Try this instead (to be inserted inside your IMG tag)

<br /> style="border:none;"<br />

]]> oblecto on "Inuit Types Image Border" http://en.forums.wordpress.com/topic/inuit-types-image-border#post-515886 Sat, 09 Oct 2010 15:15:02 +0000 oblecto 515886@http://en.forums.wordpress.com/ I am using the Inuit Types theme for my new blog, 'New York Commonplace'. Is there a way of eliminating the grey border around images? This is a visually unappealing and unnecessary distraction (everyone automatically runs their cursor over images, nowadays), and makes it difficult to position the image satisfactorily. I have tried setting BORDER=0 in HTML but this doesn't work either. Any suggestions from long-time users?

]]>