How to Center Image in Column?
-
1tess, I thought it was strange to see size-full in the class attribute, but then separately see a width and height attribute that overrides this.
-
Well, you could try leaving the width and height attributes off. I copied that from my test blog code (theme, I forget right now) so likely those were inserted by the software and I foolishly naively copied them to my answer here.
As I said, you want to insert your images, optimized, and sized correctly for your theme. Which we volunteers cannot see because it is private. So give it a try without the w and h. I do know that the code will work with only the width specified. Maybe without either width or height specified, if you use the “size-full” that will suffice.
-
Timethief confused you with her confused and irrelevant stock reply.
When you are about to insert an image you have uploaded to your blog,[*] the popup includes alignment, link and size options:
http://en.support.files.wordpress.com/2009/08/image-settings1.png
To “shrink down an image and put it in the center of the page / column”, you simply select alignment center and size medium or large (provided you’ve set appropriate default widths for these size options).Re the size options:
Full size means original size, if the original isn’t wider than the maximum the theme allows, or scaled down to that maximum, if the original is wider.
Large and medium are supposed to be two different ready-to-use default sizes (say, around 3/4 and 1/2 the width of the main column). You set the default widths yourself, in Settings > Media. Since your blog is private, I cannot be more specific; you can visit the Theme Showcase site, search for the theme you’re using, and check the “Quick Specs” to find its main column width:
http://theme.wordpress.com/As for captioned images, the align class you see in the so-called Text editor refers to the alignment of the image, not to the alignment of its caption. The styling of image captions is theme dependent, it’s set in the CSS of the theme, and you can’t change it without side-effects unless you have the Custom Design upgrade or unless you use elaborate coding in the Text editor.
[*] If you’re talking about inserting images via URL, things are different. I can tell you, if you wish, but fist I should note that it’s not good practice to insert images hosted elsewhere (for several reasons).
-
justpi I sent you an invitation to see my blog. You can look at caption and IMG tags on the About page for example.
What’s really bothering me is that when I switch from Visual Editor to Text, the Text editor is NOT a true HTML editor. There is some strange hybrid of WYSIWG and HTML. Some of my tags show up, but the Paragraph tags that control most of the text placement are invisible.
-
Thanks. I checked your About page (and its sourcecode), but there’s nothing special to see. In my previous reply explained what you need to do.
You will notice that I wrote “so-called Text editor”: the label Text is wrong, and the previous label (HTML) was also wrong… But the paragraph tags needn’t be of concern to you: this editor simply hides plain p and br tags, to avoid unnecessary clutter. When you enter a line break, the result in the sourcecode is a regular br tag. When you enter a blank line, the result in the sourcecode is a regular p tag pair (unless of course some other HTML dictates otherwise – for example, a blank line between two divs or two table cells helps you visually but has no effect).
In other words, when you see plain text, with a blank line above and a blank line below, you can know it’s actually this:
<p>TEXT HERE</p>
i.e. normal paragraph HTML, default styling (left aligned on most themes, with a bottom margin).
You can freely add your own p tags when you wish to change the default styling, for example:
<p style="color:#456789;font-size:120%;text-align:right;margin-right:24px;>TEXT HERE</p>The other quirk is that various objects (including captioned images) don’t display the actual code, they display a WP-specific formula called a shortcode.
-
-
-
Sometimes I just prefer a given question to be done by email or by phone, without all of the second guessing and public discussion. I’m willing to pay for that. Of course most questions will still be posted here.
- The topic ‘How to Center Image in Column?’ is closed to new replies.
WordPress.com Forums 
