Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

configuring photos within pages and posts


  #1  
Old Mar 19, 2009, 04:02 PM
What Heals
 
2 posts · Mar 2009
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
  #2  
Old Mar 22, 2009, 07:20 AM
Nefeli
 
18 posts · Feb 2009
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

Last edited by Nefeli; Mar 22, 2009 at 07:28 AM. Reason: to make it more eligable hopefully!
  #3  
Old Mar 22, 2009, 04:45 PM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
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/

Last edited by paulae; Mar 23, 2009 at 05:57 AM.
  #4  
Old Mar 24, 2009, 05:30 AM
Nefeli
 
18 posts · Feb 2009
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
  #5  
Old Mar 24, 2009, 10:40 AM
paulae's Avatar
paulae
 
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
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.
  #6  
Old Apr 1, 2009, 01:00 AM
zizi
 
29 posts · Mar 2009
Hi all,

When you insert a pic (by URL), there is a stylish frame that comes automatically... how to remove it ?

Z.
  #7  
Old Apr 1, 2009, 08:10 AM
Shepherd Jim's Avatar
Shepherd Jim
 
301 posts · Feb 2009
Bristol, midcoast Maine USA
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!
  #8  
Old Apr 1, 2009, 08:45 AM
Shepherd Jim's Avatar
Shepherd Jim
 
301 posts · Feb 2009
Bristol, midcoast Maine USA
Quote:
Originally Posted by paulae
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.
We're also battling with the non-specificity of image placement problem. Here're the "rules" we've been using so far while typing and inserting images in the unadorned Dashboard text editor:
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]")

2) This is all a ton simpler if your layout is a fixed width.

3) Size your images so they're EITHER so wide that text cannot try to slide down the side in an unattractive sliver of text OR narrow enough (maybe half the width of the text area) so that the wrapping text has enough room to pleasantly format itself.

4) Keep enough text between/before/after your images so that they don't bump into one another and text doesn't try to snake between them in one of those nasty, narrow slivers.

5) Keep the actual page/post you're working on open in your browser in another tab. Switch to that and refresh/reload often so you can see what's REALLY happening.

6) When all else fails you can force the text, or the 'next' image, to drop below an image by inserting "<div style="clear:both;"></div>" (without the "s) right after the image's HTML.

7) Best approach to fine tuning of image size is to insert a bigger version of the image than you really want. Then, in "Visual" view, click on the image and chhose "Edit". You're then offered a few downsizing %percentages. Caution: Once you downsize to a % (eg. 70%), you will not be ablle to undo that. The 70% size becomes the new 100% ...and you are allowed to increase. Solution: delete the image and re-insert it.
Hopefully, as my skill with CSS improves I'll come up with better solutions!

TTFN -- Jim --
  #9  
Old Apr 1, 2009, 06:50 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Quote:
Originally Posted by zizi
Hi all,

When you insert a pic (by URL), there is a stylish frame that comes automatically... how to remove it ?

Z.
Delete the contents of Images -> Images in Posts / Images in Posts: Caption Style
  #10  
Old Apr 1, 2009, 11:16 PM
zizi
 
29 posts · Mar 2009
Thank you Flynn and Jim !!
  #11  
Old Apr 12, 2009, 02:09 AM
nselegzi
 
5 posts · Mar 2009
Hi Flynn,

Your suggestion removed the border from all images. Is there a way to remove the border from just one image?

Noel
  #12  
Old Apr 14, 2009, 03:44 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
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 {
border: none;
padding: none;
}
Or target the image through its parent container, the post DIV

HTML Code:
div#post-152 img {
border: none;
padding: none;
}
This would remove the border of all images in the post with the ID 152. Static pages also have an ID
  #13  
Old Jun 7, 2009, 04:36 AM
mal1986
 
17 posts · Jun 2009
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?

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Help configuring RSS Ydris RSS, Feeds & Subscribing 2 Jun 24, 2009 04:04 PM
Posts below Pages in the Body....How to? ryguy Post-Kicker, -Byline & -Footer 1 Jun 20, 2009 12:55 PM
Photos in Post don't display automatically. thetravelchronicle Forum How-To 4 Jun 2, 2009 03:04 AM
Configuring a Page Navigation Tab Link OneSister Page & Category Menu Bars 2 Apr 16, 2009 01:42 PM
My dowloaded Themes does not appear after configuring them WPuser1001 Web Hosting for WordPress 12 Mar 12, 2009 02:04 AM


All times are GMT -6. The time now is 01:19 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.