Header bottom

Hello,

When I try to put in the area of "Widget Header Bottom" a subscription to "mailpoet" disturbs the original format.

How I can do to respect the format of the original widget?

Problem:

Hi,

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

Private sent!

Thnks in advance.

Add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend)

Code: Select all

#gk-header-bottom .wysija-paragraph input {
   width: 19%!important;
   margin-left: 2%;
}

#gk-header-bottom .widget_wysija_cont .wysija-submit {
   display: inline;
   width: 19%;
   margin-left: 2%;
}

#gk-header-bottom .wysija-paragraph {
   display: inline;
}




I´ve put the code which you posted me in override.css, but I´ve used contact form 7 plugin to place the form in text widget instead the original. Would it work too although i haven't used mailpoet? Does it work with the both plugins?

And the last thing that I don't understand is why the favicon disappears? I've attached you the screen capture.

Thanks for your attention.



the space between fields it isn´t the same.



And this is the comparison between using contactform 7 (above) and mailpoet (down) in the Header Bottom widget.

P.S: I'm sorry but I needed contact form 7 and not mailpoet plugin ...

You've added mailpoet form, so I've styled the form visible in the header bottom area.

Yes, but I was wrong with mailpoet, what I need is contactform 7. excuse my ignorance. Could you help me?

Ok, please add the contactform 7 form to header bottom area and I'll try to help.

The contact form has already been added. Thnks.

You´re very helpful.

Try to add this custom css code:

Code: Select all

#gk-header-bottom .wpcf7-form {
   position: relative;
   width: 94%;
   margin: 0 auto;
}
#gk-header-bottom .wpcf7-form:before {
  color: #d1d1d1;
  content: 'f';
  font-family: university-pixellove;
  font-size: 40px;
  font-weight: 300;
  left: 0;
  position: absolute;
  top: -8px;
}

#gk-header-bottom .wpcf7 input {
   width: 19%!important;
   margin-left: 3%;
}
#gk-header-bottom .wpcf7 .wpcf7-submit {
   float: right;
}


This is the result:



It´s correct?

I´ve changed one of the values in line margin-left: 3% to margin-left: 4%, and the result seems to be correct:



What do you think?

#gk-header-bottom .wpcf7-form {
position: relative;
width: 94%;
margin: 0 auto;
}
#gk-header-bottom .wpcf7-form:before {
color: #d1d1d1;
content: 'f';
font-family: university-pixellove;
font-size: 40px;
font-weight: 300;
left: 0;
position: absolute;
top: -8px;
}

#gk-header-bottom .wpcf7 input {
width: 19%!important;
margin-left: 4%;
}
#gk-header-bottom .wpcf7 .wpcf7-submit {
float: right;
}

It's only a sample code, you can adjust it to your needs.

thank you so much.