how to color a complete 'module position'

Amazing Joomla template for sharing your apps with responsive and super detailed design
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Dec 01, 2013 5:10 pm
Reply with quote
Report this post
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?
User avatar
Fresh Boarder

GK User
Sun Dec 01, 2013 11:20 pm
Reply with quote
Report this post
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.
User avatar
Platinum Boarder

GK User
Sun Dec 01, 2013 11:22 pm
Reply with quote
Report this post
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;
}
User avatar
Platinum Boarder

GK User
Mon Dec 02, 2013 10:29 pm
Reply with quote
Report this post
I want to color top1

Just like demo.gavick.com > blueap > "Take a look" part on homepage.
User avatar
Fresh Boarder

GK User
Mon Dec 02, 2013 11:50 pm
Reply with quote
Report this post
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.
User avatar
Platinum Boarder

GK User
Tue Dec 03, 2013 8:10 pm
Reply with quote
Report this post
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?
User avatar
Fresh Boarder

GK User
Tue Dec 03, 2013 11:53 pm
Reply with quote
Report this post
never mind. I changed the module position to header_bottom and i got the right effect.
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.