Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

How to divide page into two columns, for text and images?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 7, 2012, 08:04 PM
kitfreeman
 
39 posts · Jan 2011
Hi

I'd like to arrange text and images on a page in two columns, with text on the left and images on the right, with no spill over between them. Is there any way I can achieve this with Atahualpa please?

Thanks!

Kit
  #2  
Old Mar 7, 2012, 08:39 PM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
That has nothing to do with the theme. You would either use divs and CSS or a table or one of the plugins that give you a column shortcode.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Mar 8, 2012, 07:06 AM
kitfreeman
 
39 posts · Jan 2011
Ah, I see. Thanks! May I ask a follow-up please? Supposing I use columns to separate text and images, is there a way to dynamically resize images within their column, so they don't break the frame? Is this something I can do within Atahualpa?

Thanks again.
  #4  
Old Mar 8, 2012, 09:29 AM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
Have you tried setting % width to the images?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Mar 8, 2012, 03:25 PM
kitfreeman
 
39 posts · Jan 2011
Sorry to be dumb, but how do I do that, please? Do I use an html command when inserting each image, or is it a global setting somewhere?
  #6  
Old Mar 8, 2012, 06:23 PM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
The way I do that is click on the image in the visual editor, click on advanced, set the width to 100% (or 90% or whatever), leave the height blank and click update. Here is a screencast of the process. The picture is already in a column and the height you see was generated by WordPress so again leave the height blank when you update the image. I used 90% because 100% gave me a bit too wide an image.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Mar 8, 2012, 07:24 PM
kitfreeman
 
39 posts · Jan 2011
Thank you! That is very helpful indeed, and it does the trick for plain images. However, it doesn't work if I include a caption; I guess the instruction needs to be inserted in the caption code as well. At the risk of taxing your patience too far, may I ask if you can you tell me how to make captions resizeable, too, please?

Once again, thank you for your support.
  #8  
Old Mar 8, 2012, 08:04 PM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
I don't know. I would have to experiment. Maybe wrap each image in a div and give that the 100% width. Sometimes I just make a decision to design things differently when it gets into too much fiddling.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Mar 8, 2012, 08:12 PM
kitfreeman
 
39 posts · Jan 2011
I'll experiment! Thanks again for your help.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Adding two-columns to home page with post images, ver3.4.5 marvinc Center area post/pages 2 Feb 16, 2011 05:01 AM
Twitter plugin divide messages with line marced Sidebars & Widgets 1 May 11, 2010 08:20 AM
Center Column on "Page" Pages - multiple columns within/floating images? seb Header configuration & styling 0 Jan 27, 2010 01:28 PM
Tiny Menu Bar Text in Safari - Text Too Big in Columns Barefoot Ted Header configuration & styling 7 Oct 28, 2009 06:21 PM
[SOLVED] Creating paragraphs to divide various subjects on one page Chester Post-Kicker, -Byline & -Footer 7 Jun 16, 2009 06:59 AM


All times are GMT -6. The time now is 05:59 AM.


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