Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#904833

Hi there

You can create custom divs into your custom.css file

add this to the css

#article-left {
    float:left;
    width:50%;
    overflow:hidden;
    padding-right:10px;
}
#article-right {
    float:left;
    width:50%;
    overflow:hidden;
}

Then in your articles use this :

<div id="wrapper">
<div id="article-left"> some text some contentsome text some contentsome text some contentsome text some contentsome text some contentsome text some content</div>
<div id="article-right"> some text some contentsome text some contentsome text some contentsome text some contentsome text some contentsome text some content</div>
</div>

In the image below the resulted article with 2 columns

Hope can help

---

Attachments:

1. 

[monalh Friend monalhJoin date: March 2012Posts: 68Downloads:23Uploads:21 Thanks: 17 Thanked: 1 times in 1 posts]

#904836

Hi,
Thank you for your help! It did the trick, but I have problems with "closing" the row, as the text that is below is getting into the right colomn. See attached photo: I want "DATA" in left column, "PHOTOS" in right column, and then should "ACHIEVEMENTS" appear underneath, in its own row. Any ideas?

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#904898

Hi

You can add a new div class article-center with width=100% before the closing wrapper div tag

#article-left {
    float:left;
    width:50%;
    overflow:hidden;
    padding-right:10px;
}
#article-right {
    float:left;
    width:50%;
    overflow:hidden;
}
#article-center {
    width:100%;
    overflow:hidden;
        text-align:center;
}

HTML will be .

<div id="wrapper">
<div id="article-left"> Your DATA content</div>
<div id="article-right"> Your PHOTOS content </div>
<div id="article-center"> Your ACHIEVEMENTS content</div>
</div>

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. monalh

[Author]

Posts