Header module modification

At the header module, where it has the gkform "get started today", i want to remove the form and make the button redirect to a page..Suggestions?

It is a module placed in "header" position, which name is: "Header".
Please edit it with tinyMCE editor disabled (change editor to "No Editor" in global configuration).

whats the edit i have to add??

You need to do 2 things. To be able to use same styling, please Please edit: /templates/gk_simplicity/css/override.css and add at its end:

Code: Select all

.imageBg #gkHeaderMod a.blueBtn {
    background: #4c90fe;
   border: none!important;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
   float: none;
   font-size: 26px;
   font-weight: 400;
   height: 68px;
   margin: 0 0 0 10px;
   padding: 0 30px;
    color: #fff;
    line-height: 68px;
    text-align: center;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    vertical-align: baseline;
}
.imageBg #gkHeaderMod a.blueBtn:hover {
background: #fec54c;
}


Remember to enable "CSS override" in template settings - advanced section.

Now edit the module I have written about before and change:

Code: Select all

<form class="gk-form">
<div><input type="email" placeholder="Email address ..." /> <input type="submit" value="Get Started today!" /></div>
</form>


to:

Code: Select all

<div><a href="#" class="blueBtn">Get Started today!</a></div>


It works, until it goes into mobile.. then the text breaks up to 3 lines..

Could You please post an url to your site?