Creative template issue

Hi, I have not much knowledge about css and html5, so i have many problem to config theme "creative". Please kindly help.

1. How to change hightlight color of current page at mainmenu? and Can I insert subtext under manimenu?

2. How to change picture and color of 3 picture at position "Mainbody_top"?

3. Can i insert some text after button at position "Mainbody"? and how to change color of button?

4. I don't know how to insert picture and control movement for parallax engine. Could you please tell me how.....

Really thank you,

Gappy

Hello,

First of all - could you provide an URL to your website?

PM already...

1. You can change the highlight color in the css/style3.css file in this fragment:

Code: Select all

.gkMenu > ul > li.active:hover > a,
.gkMenu > ul > li.active:active > a,
.gkMenu > ul > li.active:focus > a,
.gkMenu > ul > li.active > a {
background: #f299c4;
}

The text under the menu item can be added in the GK Extended menu params tab as a "description"

2. The background image can be changed in the css/gk.stuff.css file in the following fragment:

Code: Select all

.loaded.gkp-background-top {
background: transparent url('../images/parallax/background_top.jpg') no-repeat center 0!important;
}

The movement control is described here: http://demo.gavick.com/joomla25/creativ ... Itemid=559

3. The background images can be changed in the css/typography/typography.style3.css file in this fragment:

Code: Select all

.gkCrop,
.gkHTML5,
.gkResponsiveDesign {
   background: transparent url("../../images/features_icons.png") no-repeat 0 0;


The background colors are defined in the same file in this fragment:

Code: Select all

@-webkit-keyframes cropanim {
   0%, 100% { background-color: #f299c4; }
   33% { background-color: #8bb1c7; }
   66% { background-color: #d6d4c7; }
}
@-webkit-keyframes html5anim {
   0%, 100% { background-color: #8bb1c7; }
   33% { background-color: #d6d4c7; }
   66% { background-color: #f299c4; }
}
@-webkit-keyframes responsiveanim {
   0%, 100% { background-color: #d6d4c7; }
   33% { background-color: #f299c4; }
   66% { background-color: #8bb1c7; }
}
@-moz-keyframes cropanim {
   0%, 100% { background-color: #f299c4; }
   33% { background-color: #8bb1c7; }
   66% { background-color: #d6d4c7; }
}
@-moz-keyframes html5anim {
   0%, 100% { background-color: #8bb1c7; }
   33% { background-color: #d6d4c7; }
   66% { background-color: #f299c4; }
}
@-moz-keyframes responsiveanim {
   0%, 100% { background-color: #d6d4c7; }
   33% { background-color: #f299c4; }
   66% { background-color: #8bb1c7; }
}
@keyframes cropanim {
   0%, 100% { background-color: #f299c4; }
   33% { background-color: #8bb1c7; }
   66% { background-color: #d6d4c7; }
}
@keyframes html5anim {
   0%, 100% { background-color: #8bb1c7; }
   33% { background-color: #d6d4c7; }
   66% { background-color: #f299c4; }
}
@keyframes responsiveanim {
   0%, 100% { background-color: #d6d4c7; }
   33% { background-color: #f299c4; }
   66% { background-color: #8bb1c7; }
}

4. Unfortunately this code fragment isn't prepared for adding text after the button.