Creative with same design function as Music State

Hello,
I am working on the Creative template.
I am having no problem fixing most of the things I need to get done. I have good knowledge of HTML and CSS but still I have a problem getting this one thing to work.
When you start scrolling and the content sheet starts showing I would like to have some of the divs to be transparent, and some of them to have a colour reaching from side to side, and then after scrolling a bit, I want a background image to show, like it does on the Music State template. I have tried and tried, I also read the answer you gave to one guy who wanted a background to show on only on the left and right side of the sheet.
I have tried a lot of things now, but I can not get a background image to show. When I make some of the sheet transparent, I only get like a orange kind of colour showing instead of the background image.
Is there a way to have the Creative sheet and backgrounds to work the same kind of way as the Music State template?
If you wan´t I can PM you a link to the site, and try to show you what I am doing.

Hope you can help me.
Cheers,
Lasse

Hi

I'll try to help, but can You please show me an example of what You like to do? I do no understand how this should looks like from just description. Also please show me Your site.

Hello Teitbite,
Thank you for the reply.
I am trying to do something like this:
http://www.pacelaw.com
This is the site I am working on now:
http://www.triple3services.com
The images etc, you see on this page are just images I use when I am doing the design, we will be using a photographer to take real images before we release the site.

Hope it will be easier to understand now.
Thank you.
B.r.
Lasse

Hi

Ok. I understand. Lets for exmple add a backgrounf under the bottom1 part. Please use this code in css:

Code: Select all

#gkBottom1 .box {
    background-color: rgba(0, 0, 0, 0);
}

#gkBottom1 {
    background: url("/images/people.jpg") no-repeat fixed 0 0 rgba(0, 0, 0, 0) !important;
}


Thank you teitbeit, the background now functions exactly as I want it to.
Now I just have to figure out the other small things I need to do, but i think that will be no problem.

Cheers,
Lasse

Hi

Ok. Glad to hear that. If You will have other question please ask, I'll try to help.

Hello again,
A few more questions... Hope you can answer them.
- If you look at the area between the recruitment team and the recruitment sectors (boxes).
I would like to add some more content there, just some text etc. (that I can do, no problem) but I would then need an area of about 60 px in height as a background (coloured not transparent) and I need that area to go all the way out to both sides of the screen... Maybe hard to understand what I mean though...

- If you look at the area where I have 6 boxes, the recruitment sectors, those boxes gets really small when I look at it with a tab or a mobile phone. Do you know what I can do about that?

- Last question... When I try to make a new article, that I don´t want to show on the index page and I link to the article, I am not taken to the article, but just to the top of the index page.

I hope you can answer my questions.

Have a nice evening.

Cheers,
Lasse

Hi

1. Please try to use a module with a module class suffix, for example " purple" (space in front is important), than add this class to css:

Code: Select all

#gkBottom1 .box.purple {
    background-color: purple;
}


2. Add this code to mobile.css:

Code: Select all

.gkTestimonial img {
    margin-right: 0;
    max-width: 100%;
}


3. This means that You are lacking landing pages for articles. Please add some category layout type elements to menu so articles will be oppened there.