configuring photos within pages and posts
Greetings,
I want to put photos into pages and posts and configure the text so that it wraps around the photo, ideally with adjustable margins around photo. Idealy would be able to customize location of photo. Is there a way to do that? The 'insert image' thing doesn't seem to do it. thanks |
Hi there
I'm having this problem too. I can't align my images properly with the text when left aligning/wrapping. the image sticks to the text with no room allowed. Also my .gif (a moving flag) although has transparent background is showing a grey border (most annoying) which is defeating the option. Also can we make 'Johnson" boxes when adding text to pages like you see on normal html pages? I'm making a testimonal page and to make it more interesting that just a very long sheet of text I would ideally like to alternate each testimonial within a box with coloured background and flag. Can't find how to do this. I tried to do it like a post but realized this isn't the right way Appreciate urgent help Nefeli |
You can indeed align your photos, add vertical and horizonal space, even shrink a photo by percentages, all within the post editing area. You can add captions, too. Put your cursor where you want the image to go, generally. Use the Insert icon at the top left of the editing pane, looks like a t.v. screen. Insert via a URL, from your computer, or from the media library. Once it's there, click on the image, then click on the little picture frame icon, and you have more options.
You can position it, change the size, add a caption. Click on Advanced settings and you can do more. I have the Scissors plugin which lets you do a lot of this from the screen where you are inserting from the media library. I also got the Tiny MCE Advanced plugin, which adds a ton of editing options. http://larchmontgazette.com/wp27/200...in-celebrates/ |
Paulae
Thanks. I'll check out the plugins you suggest see if they help although the alignment is only basic i.e. left, right center align etc. When you click on image you can resize but cannot move around to get a better fit/ alignment. Well done with your site, I like what you have done with your Atahaulpa, and I'm moving along in a similar way. Thanks again Nefeli |
If you find a better way to do the alignments, let us all know! It's always been hard to do much fine-tuning, at least for me, with HTML.
My sister, who came from the graphic design world in the old keylining days, never could get used to not having much control compared to print. |
Hi all,
When you insert a pic (by URL), there is a stylish frame that comes automatically... how to remove it ? Z. |
Hey zizi! < Note: this is a half answer -- Flynn's attention still necessary >
If you want to remove the "stylish frame" from ALL your images: in the WP Dashboard go to "Atahualpa Theme Options" then click on the "Images" tab. That screen lets you format images, those with and those without captions separately, and then also the caption text styling. Note: the settings here affect images on pages as well as in posts. Here I thought I was going to tell you how to remove the frame on just a particular image. But, while experimenting I've discovered that this is not as straightforward as it might have been. I thought that the border was being applied by WP when images were uploaded into the Media Library. But, I've now learned that even if I FTP an image file up the old fashioned way and spec it into the HTML with a plain <img tag the resulting jpg STILL has that border! I'm guessing the <img tag is inheriting styling from somewhere. ....how to strip out that styling? Flynn!? We need your expertise! Sorry! |
Quote:
1) To re-position an already inserted image: Do not try to drag or cut and paste pictures. Rather, switch to "HTML" (.vs "Visual") and cut and paste the text image "paragraphs" (usually "[caption id= ..... to [/caption]")Hopefully, as my skill with CSS improves I'll come up with better solutions! TTFN -- Jim -- |
Quote:
|
Thank you Flynn and Jim !! :)
|
Hi Flynn,
Your suggestion removed the border from all images. Is there a way to remove the border from just one image? Noel |
Edit the post and give the image an ID
<img id="this-image" src="..... and add an HTM/CSS Inserts -> CSS Insert HTML Code:
img#this-image { HTML Code:
div#post-152 img { |
I am still having trouble with this . . . the text in my posts refuses to wrap around the image, and it is most noticeable when I use blockquotes. You can see it on the second page of my site (I purposefully changed the images on page one so it would be less noticeable to visitors). Check it out here: PAGE 2. Any ideas?
|
All times are GMT -6. The time now is 11:27 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.