Different Header Image for Each Page

GK User
Thu Jun 05, 2014 12:02 am
Is this possible? I noticed the header image is not in a module, set in the menu, or the template manager. I can easily overwrite the current blue placeholder, but is it possible to set a different image for each page?

I am the question king today. Thanks for the support!
User avatar
Expert Boarder

GK User
Thu Jun 05, 2014 6:25 am
Hello,

You can create in the CSS your own page suffixes which can be specified in the template settings under the "Features" tab:

Code: Select all
body.jomsocial {
   background-image: url('../images/guest_bg.jpg');
}


Above example was created for the "jomsocial" page suffix.
User avatar
Administrator

GK User
Thu Jun 05, 2014 6:27 am
You can use different page suffixes for each page:
http://www.gavick.com/documentation/gen ... mla-pages/
and then use custom css in override.css like this:
Code: Select all
body.page1 {
   background-image: url('../images/bg1.jpg');
}
body.page2 {
   background-image: url('../images/bg1.jpg');
}

User avatar
Moderator

GK User
Thu Jun 05, 2014 2:22 pm
Great! Seems simple enough. I'll give it a shot later today!

Thanks guys!
User avatar
Expert Boarder

GK User
Fri Jun 06, 2014 5:02 pm
Hmmm, I am sure that I tried everything, but it does´nt works.
I had installed the quickstart edition (university). Than I changed the bg-pictures in ISGK4 in the header_bg module. But when the ISGK4 is loading, the background of the home-page ist blue (think it´s not a picture). What can I do to change this color.
In template.css I had changed the body background to my own picture. It works in the event-site but not in the home-site.

Hope you can understand my problem

Greetings from the sunny Germany (the next soccer world champion)
Ernst
User avatar
Fresh Boarder

GK User
Fri Jun 06, 2014 5:11 pm
Hey Ernst- If you want to change the pre-loader color for the homepage image slider use css override:

Code: Select all
.gkIsWrapper-gk_university .gkIsPreloader {
background: #YourColorHex;
}


Obviously substitute #YourColorHex for whichever color you want to use. Make sure you turn CSS Override on in the template manager.
User avatar
Expert Boarder

GK User
Fri Jun 06, 2014 5:18 pm
Thanks a lot. It works - you make me happy.
Ernst
User avatar
Fresh Boarder

GK User
Sun Jun 15, 2014 1:08 pm
Hello, is it possible to make the header 100% width in university like the images below on the landing page?
User avatar
Senior Boarder

GK User
Mon Jun 16, 2014 7:42 pm
@mangawill - the only way is using very big images as a slides.
User avatar
Administrator

GK User
Mon Jun 16, 2014 11:20 pm
I will try but I'm sure there's a rule according to template width but I will check. Thanks!
User avatar
Senior Boarder


cron