switch modul bg color to picture

Good Morning,

i will switch the background color of the Modules to pictures.

Example:

I go to the the template delete for item640 frontpage top1-colorbg entry
The color BG is delete (OK)

How can i put a background picture into the module.

Over the Backpicture function in the html module i put a picture in it, but it is not visible.

Can you give us a helpline to do input a background picture in the module like in your demo of the template

Best
Michael

Could you please create a screenshot / mockup of the final result?
Could you please post an url to your site?

Could you please create a screenshot / mockup of the final result?
Could you please post an url to your site?

Yes Shure

hier the test URL: http://momo.pentax-akademie.de

Pictures are in the Attachements

Best
Michael

and the last pic

Bildschirmfoto-2014-12-01-um-11.37.08.jpg

Ok, this is not the best idea to do it
I would leave previous page suffixes ('frontpage top1-colorbg') and modify file:
templates/gk_steakhouse/images/header_bg.jpg
to replace default one with your own.

Ok, this is not the best idea to do it
I would leave previous page suffixes ('frontpage top1-colorbg') and modify file:
templates/gk_steakhouse/images/header_bg.jpg
to replace default one with your own.

OK

Many thanks it works good.

Best

Michael

Bildschirmfoto-2014-12-03-um-16.34.24.jpg

Sorry,

but i must come back. I look much of time with firebug to see the class for the picture size. I think i have a overload at the moment.

I will change the size of the picture into the header modul to full screen Size are 1680px-- 880px but i can not find the possibility to change the heigh.

Bildschirmfoto-2014-12-03-um-16.34.24.jpg

Please can you take a look.

Best Michael

Is the url same as previous?

Is the url same as previous?

yes it is

Please edit: /templates/gk_steakhouse/css/override.css and add at its end:

Code: Select all

#gkHeaderMod {
padding: 650px 0 0 0;
}


Now please modify first value to increase or decrease header height.
Remember to enable "CSS override" in template settings - advanced section.

Please edit: /templates/gk_steakhouse/css/override.css and add at its end:

Code: Select all

#gkHeaderMod {
padding: 650px 0 0 0;
}


Now please modify first value to increase or decrease header height.
Remember to enable "CSS override" in template settings - advanced section.

Hi Cyberek,

its very cool, but this solution i give you in this thread 05.12.2014 you can see here https://www.gavick.com/forums/steak-hou ... odul-41785

best
Michael

The solution you have linked to works better for you?