diverse

Dear Gavickpro Team,

these are my first experiences with joomla. I'm very exited of your template John, but some things do not work as I wish.

I hope you can help me. Here is a listing of my first probs (yes, I'm afraid more will follow)

1. How can i replace the logo in the header1? I have a png logo in the media database and I selected the logo in the „Features“ Tab of the GK_John_S_default template manager.

2. How can i change the size/alignment of the background pictures? E.g. in the module „ICH FREUE[br]MICH [icon-mail][br]AUF SIE!“

3. How can i make the pictures responsive? e.g. the picture in the module „header_!“ will not resize on a smartphone.

The page can be viewed at http://www.callewaert.de/joomla/

If you need a administrator login, feel free to contact me.

Thank you very much in advance,

Greetings
Jeroen

Hi

2. I can see You have added a background in module settings, but module is only the middle part. If You want to put backgorund under whole the area You need to use css code. For this positions it will be:

Code: Select all

#gkBottom5 {
background-image: url("/joomla/images/photos/Hintergrundbilder/doeppersberg_web.gif");


best way to resize is by replacing the image to a smalle one. Css included images are not best for this. It's possible, but will not work for all devices.

1. Logo is displayed from this file :

Code: Select all

.svg #gkLogoSmall.cssLogo {
    background-image: url("../images/logo_dark.svg");
}


so You can change this code to replace a path to a new image or simply replace the image

3. It is responsive, just not in the meaning of responsivenes. If You want to have it fully cover than here is a code which will help, but I would advice to use the steps resizing so it will be fully covered in height:

Code: Select all

.gk-header1 {
    background-size: 100% auto;
}


Thanks Teitbite! I'll try out your advices, hope it helps

Hi,
I'm french and my english is bad But I'll try my best. I've installed the John's template but I can't find a way to change the background image on the "header1" module. I tried to change the directory for the image on the module but nothing happens. Help me please.

Hi

@zolo11111, easiest way is to replace the image itself: /images/demo/header/header1.jpg

But You should be able to set a new image in advanced settings of this module where module background is configurable.