Looks like the HTML of the File block is not set up in a way to stack vertically by default. You can change this by customizing the template of the File block, as follows:

1) Create this new directory on your server:


2) Copy this file:

...to the new directory you just created (so the new copy of the file is SITEROOT/blocks/file/view.php)

3) Edit that new copy of the view.php file. At the very top of the file, add a new line (before the first "<?php defined(..." stuff), and put this in there:

Now at the very bottom of the file (after the last "?>"), add this:


What you just did is put a "div" tag around the file link. A "div" tag in html tells the browser that whatever's inside it should be on its own line instead of lined up next to each other.

Hope that helps.

-Jordan

By default, the file blocks do not have a surrounding div. As soon as you put anything in the block design, they do.

The now enclosing div forces each to stack (unless you have css that says otherwise). However, to be absolutely clear, you could add

to the design of each file block.

Hey John,
Just to clarify, when you say "put anything in the block design", I think you mean clicking on the block and choosing "Design" from the popup menu, correct?

@HOBOcs, note that John's method is better if you want to change the layout of just some File blocks on some pages (so some places they line up next to each other but in other places they stack up on top of each other). But my method is better if you want to change all File blocks across the entire site in one fell swoop.

Hi Jordan, yes, I meant click on the block and select Design. It also has an option to 'make this the default' or something like that, which suggests it could carry across all future blocks of that type. I have not tired it, so don't know just how default that is, or if it would work retrospectively. Maybe worth some experiments some time.

Personally I would go for your solution as I like messing with code and leave it that way, or even some very targeted css that changes the block behaviour of the specific link elements. I offered up the block design option simply because some prefer not to mess with code and stick to the C5 interface and it was a quick method for just one page.

Thanks guys I will try Jordans suggestion this afternoon. I like the idea of consistency across the board - If I do want to do something side by side then I would do it in one Content block. I assume this was picked up in the Plain Yogurt theme.

On another noted related - In the "Content" itself - if I add a table in the block, I've noticed that the next content box if there is just text or a "line" it gets displayed next to the previous block

I would guess you are seeing the same as with files. With no div about the block by default, elements float until a block level element breaks the pattern. At another guess, the same block 'Design' css would change this.