different paralax background for multiple template instances

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Jul 18, 2016 2:48 pm
Reply with quote
Report this post
I am using the Cloudhost template for our website with the main address: http://innovo-network.com using the paralax front page design. I have created a microsite within innovo-network.com (http://innovo-network.com/buying) that is also using that paralax design, but I would like the background image to be different for the microsite from the mainsite.

It appears possible in the CSS to make this possible, but I haven't quite come up with what I should place in the Custom CSS Code box to make this happen. Any suggestions?
User avatar
Senior Boarder

teitbite
Fri Jul 22, 2016 2:19 pm
Reply with quote
Report this post
Hi

Please use page class suffix, here example how to do this: https://www.gavick.com/documentation/jo ... omla-pages
and than add a different background with this css:

Code: Select all
.page_class_suffix #gkHeader {
    background-image: url("../images/header_wide_2.jpg");
}
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.