GK Contact not showing properly

Hi.

In http://www.xavimorcillo.com I'm trying to configure gkcontact in mainbody_bottom, but I want it centered and with bigger boxes.

I need to change the text inside too (in other language).

Thank you.

Oh, and I can't see well the right column in the contact module too

Hello,

The GK Contact plugin was prepared exclusively for selected templates - your problem is connected with missing CSS code - please add the following code at the end of css/gk.stuff.css file:

Code: Select all

/**
 *
 * GK Contact plugin
 *
 **/

.gkContactForm {
   overflow: hidden;
   padding: 60px 0 0 0;
}
.gkContactForm[data-cols="1"] > div {
   width: 100%;
}
.gkContactForm[data-cols="2"] > div {
   float: right;
   width: 41%;
}
.gkContactForm[data-cols="2"] > form {
   float: left;
   width: 45%;
}
.gkContactForm h3 {
   color: #333;
   font-size: 20px;
   font-weight: 600;
   text-transform: uppercase;
}
.gkContactForm form p {
   margin: 0 0 12px 0;
}
.gkContactForm input[type="text"],
.gkContactForm input[type="email"],
.gkContactForm textarea {
   width: 100%;
}
.gkContactForm input[type="text"],
.gkContactForm input[type="email"] {
   height: 52px;
   line-height: 53px;
   padding: 0 22px;
}
.gkContactForm textarea {
   height: 190px;
   padding: 22px;
}
.gkContactForm address {
   color: #999;
   font-size: 22px;
   font-style: normal;
   font-weight: 300;
   line-height: 36px;
   padding: 30px 0;
}
.gkContactForm address p {
   margin: 0;
}
.gkContactFooter {
   color: #999;
   font-size: 22px;
   font-style: normal;
   font-weight: 300;
   line-height: 36px;
   margin: 10px 0 0 0;
}
.gkContactSocialIcons {
   margin: 0;
   overflow: hidden;
   padding: 10px 0 0 0;
}
.gkContactSocialIcons > a {
   display: block;
   float: left;
   height: 32px;
   margin-right: 6px;
   overflow: hidden;
   width: 32px;
}
.gkContactSocialIcons > a:before {
   border: 2px solid #ebebeb;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #c7c7c7;
   display: block;
   font-family: FontAwesome;
   font-size: 16px;
   height: 32px;
   line-height: 28px;
   text-align: center;
   text-indent: 0;
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -ms-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
   width: 32px;
}
.gkContactSocialIcons > a:hover:before {
   background: #7484ff;
   border-color: #7484ff;
   color: #fff;
}
.gkContactFbIcon:before {
   content: '\f09A';
}
.gkContactTwitterIcon:before {
   content: '\f099';
}
.gkContactGplusIcon:before {
   content: '\f0d5';
}
.gkContactLinkedinIcon:before {
   content: '\f0e1';
}
.gkContactPinterestIcon:before {
   content: '\f0d2';
}
.gkContactRssIcon:before {
   content: '\f09e';
}

Thank you. It works well now.

Hi.

In http://www.xavimorcillo.com I'm trying to configure gkcontact in mainbody_bottom, but I want it centered and with bigger boxes.

I need to change the text inside too (in other language).

Thank you.

I would like to know if there is any solution for the multi language support of this plugin...

Kind Regards

Goran
MICROweb

@microweb - the plugin is fully translatable, so you have to prepare different language versions of the en-GB.plg_system_gkcontact.ini file, and then it should load in the language of your subpages.