Interesting update, when I add a "space" in between, it now seems to work?
Is this normal behaviour?

Richard

well it really depends on your html and css.
Because of the effect you're describing of adding a "space" I would have a tendency to think there's a float somewhere responsible for this. But really it hard to say without seeing the code.

It was a completely standard theme, and all I did was remove the top image block, and then add a slide show image block and then populate it. What I do think is strange is that it all looks fine until I do preview page, and then slideshow is moved to the top of the screen.
Do you need me to do anything else so that you can have a closer look?

Richard

I don't see where the problem is. You added it to the Header Image and it is in the Header Image area. In pic1 and in pic2. The header image area is between the navigation and the content. Everything is correct here. It sure does display correct to me. See attached screenshot. What browser are you using?

I checked your code. Just before your header you have your h1 title and your nav and they both float so they're not on the normal page plan, they are "floating" above it. Because of that nothing is stopping your header div from going up.

The spacer you have added has a clear:both applied to it which literally telle it to "stay clear of floating elements".

If you delete the spacer and add clear:both to your header div, it works too.

So delete the spacer you added and in your main.css, line 16 modify the css to have this (I just added the clear:both):

Or you could just keep the spacer.

Thanks for the reply.
I hadn't appreciated that I needed to tweak the CSS as well.
Could the CSS tweaks that you have mentioned be done within the "design"
part of the block, or do they have to be adjusted manually as you have
already stated?

Richard


On 15 September 2012 14:54, concrete5 Community <discussions@concretecms.com
> wrote:

when it comes to modifying how a block behaves, usually you wouldn't directly touch the css that comes with it. You would create a template, write down your css to be loaded with your template and once applied to the block, the template would override the other css.

The important thing to remember is that in the end, what you get in your browser is html, css, and some javascript. So if you modify something in the structure of your page, you have to expect to have to compensate for it.

I am however not sure what you mean by the "design" part of the block.

Hi,
Right, I think I am going to have to learn alot more about templates then :)
What I meant about design, was when, in edit mode, you click on a block and
choose "design" from the menu, and then you can access CSS from the CSS tab?
Thank you so much for your help.

Richard

On 17 September 2012 20:35, concrete5 Community <discussions@concretecms.com
> wrote:

I see what you mean.

First you have to know that when you use the "design" option you're referring to, there is a little note that states that "Styles set here are often overridden by those defined within the various block types".

I think that option is really meant for easy management of some styles by people who maybe have a lower understanding of css (usually clients not designers themselves)

As far as the tweak we're talking about is mentioned, you should be able to apply it through the "design" option. Although I am not totally sure about that, I believe the style will then only apply on that specific page and not on every page. But, that needs to be checked.