Change background-image

**GK User** Fri Aug 22, 2014 10:31 pm

I've changed the first background-image by adding next code to the override.css

Code: Select all: .frontpage #gkHeader { background: url('../../../images/speenvarken-1.jpg') no-repeat fixed center top transparent; }

and third background-image by adding next code to the override.css

Code: Select all: .box.parallax { background-image: url('../../../images/speenvarken-3.jpg'); }

Problem is the 2nd background-image (images/demo/specials_bg.jpg), where should this be changed?

**GK User** Sun Aug 24, 2014 11:06 pm

Hello,

The specials_bg.jpg image comes from the images/demo directory so it is a background image set in the Custom HTML module settings.

**GK User** Sun Aug 24, 2014 11:34 pm

Found it, tnx.
Well, compared to the other background-images, this one was quite well hidden ;-)

**GK User** Mon Aug 25, 2014 7:50 am

dziudek wrote:Hello,

The specials_bg.jpg image comes from the images/demo directory so it is a background image set in the Custom HTML module settings.

Hi Dziudek,
But why can not using the "Select a Background-Image" set the background for the module in position headline?

**GK User** Mon Aug 25, 2014 8:47 am

@ten.mariusz - it is not possible, because the header module is rendered with module chrome = none.

**GK User** Mon Aug 25, 2014 1:16 pm

It is possible in such settings module:
Select a Background-Image: /images/mybcg.jpg
Module Class Suffix: parallax
Module Style: gk_style

— But then the background is not displayed on the entire width of the header ...

1 Is it be improved?
2 Can I create several different pages with different modules in position header with different bcg?

**GK User** Mon Aug 25, 2014 3:09 pm

1. The background must be changed in the CSS code

2. It is possible with creating few page suffixes assigned to the specific subpages in the template settings under the Features tab. Then each suffix = different background.

**GK User** Mon Aug 25, 2014 3:35 pm

http://demo.gavick.com/joomla25/steakho ... t-elements
The header section is activated on the page with activated module on the header module position and with frontpage page suffix assignment.

— I'm sorry. As for exactly mean? Where does the cocoon of this entry?

**GK User** Mon Aug 25, 2014 4:10 pm

1. Or otherwise. What are the exact terms of the configuration Joomla Menu i Module to be met in order the following entry to override.css to work properly?

.frontpage #gkHeader {
background: url ('../../../ images / speenvarken-1.jpg') no-repeat fixed center top transparent;
}

2. What changed to create several different modules on different subsites of a separate background?

**GK User** Mon Aug 25, 2014 7:36 pm

Do you use Google-translate? :roll:

**GK User** Mon Aug 25, 2014 8:27 pm

I do not take drugs, so unfortunately, yes.

My question. How can I put in place the necessary css style name class="frontpage"?

Code: Select all: <body data-tablet-width="1040" data-mobile-width="640" data-zoom-size="150">

**GK User** Tue Aug 26, 2014 6:19 am

OK. Roger that.
I needed add selector "frontpage" (style css) to the id menu in the filed "Suffixes for pages" in the GK Template / Features.

Screen Shot 2014-08-26 at 07.04.22.png

Screen Shot 2014-08-26 at 07.03.57.png

Effects:

Screen Shot 2014-08-25 at 21.24.27.png

P.S.
In my opinion, it is worth adding this information in the template configuration information or a link to the relevant documentation.
http://demo.gavick.com/joomla25/steakho ... t-elements

Best regards!

**GK User** Tue Aug 26, 2014 8:05 am

In my opinion, it is worth adding this information in the template configuration information or a link to the relevant documentation.

Quote from page which you have linked in this topic:

The header section is activated on the page with activated module on the header module position and with frontpage page suffix assignment.

**GK User** Tue Aug 26, 2014 8:43 am

Thank you for your response.
It is very clear to you but not for me.
If I start my adventure with GraivkPro information is for me too short. I do not understand where in the configuration of this kind of change. There are a hundred solutions. If you come from another system that I wander around, wasting my time. It is a pity.
I leave to your rating.
Best Regards!

**GK User** Tue Aug 26, 2014 11:39 am

How do I change the background on the page 404 by entering the file /css/override.css?

**GK User** Tue Aug 26, 2014 1:35 pm

A hint for a lot of issues related to CSS ... Use right mouse button on the section of the website that provides information and copy and paste the code in your override.css. Then edit it to your liking.

**GK User** Tue Aug 26, 2014 2:32 pm

The CSS code of the 404 page should be changed in the error.styleX.css file where X is a number of style used on your page. The override.css file is not loaded on this page.

**GK User** Tue Aug 26, 2014 2:49 pm

It worked. It was necessary to change the entries in the
Template Manager: Customise Template / css / system / error.style1.css
Thanks!

**GK User** Sat Aug 30, 2014 8:21 pm

I've the proble with the background image with J13 installation. In te CSS Code appears the suffix "frontpage" but the image don't load. I'm following the steps described in the guide but don't works.

Any idea?

The link is left.mx

Thanks

**GK User** Sun Aug 31, 2014 4:24 am

gravitoso wrote:I've the proble with the background image with J13 installation. In te CSS Code appears the suffix "frontpage" but the image don't load. I'm following the steps described in the guide but don't works.

Any idea?

The link is left.mx

Thanks

I've assigned the ItemID in Features of the template and now it's working :mrgreen: