module background

Start-up Joomla template with amazing CSS3 animated icons, price tables and parallax effect background.
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
Tue Feb 24, 2015 2:40 am
Reply with quote
Report this post
Hi!
I know how to change background for position:
#gkBottom1 {
background: #000 url('../images/header.jpg') no-repeat center 0;
}
But what if I have several html modules in one position and I want to change background only for one module?
Thanks for help.
Regards, Peter.
User avatar
Expert Boarder

GK User
Tue Feb 24, 2015 8:55 am
Reply with quote
Report this post
Hi,
it may help: https://www.gavick.com/documentation/jo ... ass-suffix
if you know basic of CSS :mrgreen:
User avatar
Platinum Boarder

GK User
Tue Feb 24, 2015 2:16 pm
Reply with quote
Report this post
Thank you Oscar!
It has helped. But there is another problem. My background is cutting. How can I make full width? If I apply this background for position in override.css there is no such problem.
.love
{
background: #000 url('../images/HNCK1991.jpg') no-repeat center 0;
height:670px
}
http://derka.pickupguild.ru/
User avatar
Expert Boarder

GK User
Tue Feb 24, 2015 9:08 pm
Reply with quote
Report this post
maybe
background-size: cover;

will help,
or just bigger image, dude
User avatar
Platinum Boarder

GK User
Tue Feb 24, 2015 11:56 pm
Reply with quote
Report this post
But image is big, module somehow cut it :( And I do not know how resolve it.
User avatar
Expert Boarder

GK User
Wed Feb 25, 2015 12:36 am
Reply with quote
Report this post
Another screen to show you, what I mean.
I have added background for top2 position
#gkTop2
{
background: #f8f8f8;
}
But it is cutting.
And in bottom3 position gray background is not cutting.
User avatar
Expert Boarder

GK User
Wed Feb 25, 2015 1:04 am
Reply with quote
Report this post
maybe I'm wrong but your question are about customizations topic not issues with template,
so I'm not sure I can help you more by support forum.
User avatar
Platinum Boarder

GK User
Wed Feb 25, 2015 1:05 am
Reply with quote
Report this post
p.s.
about 100% wide modules - please read : https://www.gavick.com/documentation/jo ... dth-module
User avatar
Platinum Boarder

GK User
Wed Feb 25, 2015 12:24 pm
Reply with quote
Report this post
Thanks for article and sorry if I ask you more than should :blush:
I have applied advise from article, but in my template it does not work. I do not understand why.
I have done exactly like in article
#gkTop2 .gkPage { max-width: 1920px; width: 100%; }
#gkTop2 { padding: 0;
background: #f8f8f8; }
Maybe you will help me, You are professional and for You abilities it's 2 seconds business :) I simply do not know more places where to ask.
User avatar
Expert Boarder

GK User
Wed Feb 25, 2015 3:28 pm
Reply with quote
Report this post
Yes, not always basic rules work in all cases.
please show me URL and tell me about which module/positon we are talking about.
User avatar
Platinum Boarder

GK User
Wed Feb 25, 2015 11:38 pm
Reply with quote
Report this post
User avatar
Expert Boarder

GK User
Thu Feb 26, 2015 6:15 pm
Reply with quote
Report this post
It because this template was build in old way.
And size it kept by one rule, max-width
becuae-it.png


so if you override by auto, none or 100% all modules in section #gkPageContent will get 100% , but also this layout will go to the left side.
User avatar
Platinum Boarder

GK User
Thu Feb 26, 2015 6:19 pm
Reply with quote
Report this post
p.s.
So maybe eaier for you would be to add new module position
with similar structure as gkBottom1....
but under gkTop#1 and gkTop#2
hmm ?

Sorry but manually job in this case may be better than playing with CSS.
User avatar
Platinum Boarder

GK User
Fri Feb 27, 2015 5:25 am
Reply with quote
Report this post
Thank you Oscar, I did as you said. Added new module positions and it works.
User avatar
Expert Boarder

GK User
Fri Feb 27, 2015 6:23 pm
Reply with quote
Report this post
...as you seen it was only reasonable choice this time.
Unfortunately, GK templates do not have built-in Layout Manager as templates from other developers. :whistle:
User avatar
Platinum Boarder

GK User
Mon Mar 02, 2015 2:33 am
Reply with quote
Report this post
Oscar E wrote:...as you seen it was only reasonable choice this time.
Unfortunately, GK templates do not have built-in Layout Manager as templates from other developers. :whistle:

Yeah, but Gavick is the best :)
User avatar
Expert Boarder


cron