PDA

View Full Version : Article Columns Different Heights...

Greeksgal
10-31-2012, 05:01 PM
I have my CMS on one column with sidebar...all the articles are showing in one column, one on top of the other. I would like them to appear as two columns, but when I edit the CMS page by section and change content to "2 columns" the coloums, although the same width, are different heights and it looks very messy. Any ideas why they would show as different heights? Also, how do I get a border all the way around each article preview?
Lynne
10-31-2012, 08:32 PM
We would need a link to your CMS page in order to see the CSS issue.
Greeksgal
11-02-2012, 03:50 AM
It's http://www.blackpearlsims.com/
hollyinalbury
11-02-2012, 08:33 AM
oooooo how did you do the gaps in between articles???

When i do mine, they arent seperated and it makes it hard for the articles to stand out.
example - (my site may contain adult content on the cms page, only click if you are over 18)
www.thenaughtykorner.com

How can i get a box around them or similar gaps to the OPs????
Lynne
11-02-2012, 03:33 PM
It's http://www.blackpearlsims.com/
They aren't in two columns, so it impossible for us to see the problem and help fix it.
Greeksgal
11-03-2012, 01:40 PM
I've attached a screenshot of the two column view...I haven't got them implemented on the site as it looks awful.

--------------- Added 1351950335 at 1351950335 ---------------

oooooo how did you do the gaps in between articles???

When i do mine, they arent seperated and it makes it hard for the articles to stand out.
example - (my site may contain adult content on the cms page, only click if you are over 18)
www.thenaughtykorner.com

How can i get a box around them or similar gaps to the OPs????

I changed the article background colour...it's under Styles & Templates>Style Manager >Stylevars> vbcms > vbcms_article_background then change the colour there and save.
Lynne
11-03-2012, 04:33 PM
Try this instead of that stylevar:

.rightcol, .leftcol {background-color: pink; min-height: 250px;}

See if something like that works better. (Modify for your own use, of course.)

(It's impossible to troubleshoot a CSS issue from an image. So, if that doesn't work, can you make a single section two columns so we can see the problem?)