Need to Create a 2 Column Page Layout

I'd like to create a page with a 2 column layout that will display a small image with a description to the right with a link below similar to the example page below.

http://www.fourseasonsheatingcooling.com/resources/friends-of-four-seasons.php

What is the best way to achieve this look with the Andrina theme?

 

Hello,

To achieve this you can use column shortcode.

For example

Code:

[col2]
    <img src="Enter your image address"/>Enter your text
[/col2][col2_last]
        <img src="Enter your image address"/>Enter your text
[/col2_last]

Also check the link given below, I hope it will help you
http://www.inkthemes.com/how-to-use-shortcodes-in-themes/02/

 

I tried the code above. The 1st image is indented with the text for the 1st image appearing to the left and on the line underneath the image. How do I get the 1st image to be left justified with the text paragraph directly to the right of the image? I'm trying to recreate the type of page in the example. http://www.fourseasonsheatingcooling.com/resources/friends-of-four-seasons.php

Thank you very much for your help.

 

Hello,

Please provide the following information listed below.

Thread Link:
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]

 

I sent the information requested. Did you receive it, Piyush?

 

Hello,
Yes we have received your dashboard details but we are unable to find any page in which you have tried to make the changes for this issue.
So please firstly create that page by using fullwidth template and use your content and images that you want to show there by using column short code.
Once it gets done, do let us know we will try to customize it as per your requirement.

 

The page I created is actually the one in draft mode. Can you see it when you login?

 

Hello,
Your issue has been resolved, you can check your draft page by clicking on preview.

 

That looks very nice. Now, how do I add additional rows to the 2 column page? I tried a few things but it didn't turn out so well.

 

Hello,
For this issue paste your image code and content for next row as given below in the page editor.

Code:

[col2]
<img class="Enter your first row left column image link" alt="" src="" width="" height="" /> Enter your first row left column content here.
<br/>
<img class="Enter your second row left column image link" alt="" src="" width="" height="" /> Enter your second row left column content here.
<br/>
<img class="Enter your third row left column image link" alt="" src="" width="" height="" /> Enter your third row left column content here.
<br/>
.
.
.
.
.
<br/>
<img class="Enter your last row left column image link" alt="" src="" width="" height="" /> Enter your last row left column content here.
 
[/col2][col2_last]
<img class="Enter your first row right column image link" alt="" src="" width="" height="" /> Enter your first row right column content here.
<br/>
<img class="Enter your second row right column image link" alt="" src="" width="" height="" /> Enter your second row right column content here.
<br/>
<img class="Enter your third row right column image link" alt="" src="" width="" height="" /> Enter your third row right column content here.
<br/>
.
.
.
.
.
<br/>
<img class="Enter your last row right column image link" alt="" src="" width="" height="" /> Enter your last row right column content here.
[/col2_last]

See the link given below for reference.
http://screencast.com/t/qdLywdsQp

This will solve your issue.