how to color a complete 'module position'

Hi,

I would like to 'color' a complete row of a module position.
like the blueapp example top1 or bottom 'contact'.

When i color the module it self, each module will be colored, but I want to color the whole row...

How?

Hi.
If I understand well , you have to add background color for whole ID of this section.

Because if you use bgcolor for each module - you will see 2 /3 modules with background color but not connected.

Tell me which section you want colorize - and I will help you.

For example for bottom positions we used:

Code: Select all

#gkBottom5, #gkBottom6 {
    background: none repeat scroll 0 0 #DD5749;
}

I want to color top1

Just like demo.gavick.com > blueap > "Take a look" part on homepage.

In general you may use this

Code: Select all

#gkTop1 {background:#549AEA; }

but there is a small problem, because Top1 position is inside #gkPageContent which has big paddings.
and this section is also for presenting articles/k2 items/components etc. so you can not reduce padding in general just like that.

I added your suggestion to the "custom CSS code' field in the template configuration (custom css code is enabled).
Had no effect.
Where do i have to add this code?

never mind. I changed the module position to header_bottom and i got the right effect.