Custom font issues

Thanks for the feedback, much appreciated.

Revolution

If you have Revolution Slider installed and a slider created, please, send us the shortcode for the slider. I’ll create a child theme to display that slider once I have the shortcode.

Contact Form 7

Try the following at Appearance > Custom CSS. Edit as required:

/* Contact Form 7 */

div.wpcf7 {
	margin-bottom: 100px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 select[multiple],
.wpcf7 textarea {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #f6f6f7;
  border: 1px solid #eaeaeb;
  color: #acaeaf;
  line-height: normal;
  padding: 0.6429em 0.7143em;
  -webkit-appearance: none;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 input[type="search"]:focus,
.wpcf7 textarea:focus {
  background: #FFF;
  color: #5a5d60;
  outline-style: none;
}

.wpcf7 textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding: 0.7143em;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
}

.wpcf7 p {
  font-weight: 600;
  margin-bottom: 1.33929em;
}

.wpcf7 p span {
  font-weight: 400;
}

.wpcf7 p span[style] {
  display: block !important;
}

.wpcf7 p .wpcf7-form-control-wrap, .wpcf7 p .wpcf7-form-control {
  display: block;
}

.wpcf7 p .wpcf7-not-valid-tip {
  font-size: 1em;
  line-height: 1.78571em;
  background: #ffdfe0;
  border-top: 1px solid #c89797;
  border-bottom: 1px solid #c89797;
  color: #790000;
  margin-top: 0.5em;
  padding: 0.44643em;
}

.wpcf7 p select.wpcf7-select option::selection {
  background: red;
}

.wpcf7 p span.wpcf7-list-item-label {
  margin-right: 0.3125em;
}

.wpcf7 p span.wpcf7-list-item {
  margin: 0 0.75em 0 0;
}

.wpcf7 p .wpcf7-form-control.wpcf7-submit {
  float: left;
  margin: 0;
}

.wpcf7 p img.ajax-loader {
  float: left;
  display: block;
  margin: 0.75em 0 0 1.5em;
}

.wpcf7 .wpcf7-validation-errors {
  background: #ffdfe0;
  border: none;
  border-top: 1px solid #c89797;
  border-bottom: 1px solid #c89797;
  color: #790000;
  float: left;
  margin-top: 0.44643em;
}

.wpcf7 .wpcf7-response-output {
  font-size: 1em;
  line-height: 1.78571em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  margin: 0.44643em 0 0;
  padding: 0.89286em;
  width: 100%;
}

.wpcf7 .wpcf7-mail-sent-ok {
  background: #fffbcc;
  border: none;
  border-top: 1px solid #e6db55;
  border-bottom: 1px solid #e6db55;
  color: #5a5d60;
  float: left;
  margin-top: 1.78571em;
}

.wpcf7:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

Thanks for your feedback and the wait :)

The contact form is different to before. The easiest way to see the difference would be to open the contact page in one tab then open it again in a new tab. In the new tab remove the CSS I sent. That way you’ll have a before and after, you should be able to see the difference then. I can send a screenshot if needs be.

Revolution is a premium product. We try to help out with as much as possible but with specific plugin questions like cropping in Revolution it would be best to seek out a little help from the plugin author.

Try adding the following to Appearance > Custom CSS to sort out the background issue:

body.layout-full {
  background-color: #fcfcfc;
}

Thanks for the wait.

Please, can you let me know which pages you’re seeing the problem of not being able to scroll to the bottom of the form. On the contact page this was previously an issue but I corrected in the CSS I sent previously.

Try the following for Contact Form 7:

input[type="submit"].wpcf7-submit {
  border: none;
  background: #000 !important;
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

Awesome, glad to hear that helped. Thanks for your support, much appreciated.

The challenge with not seeing content at the bottom of the page is the masthead is fixed position but there is no offset to compensate. Try adding the following to Custom CSS:

/* Body */

body {
margin-bottom: 30px;
}

That’s right, I think we chatted about the WooCommerce single page layout before. I did take a look and it’s unfortunately a little more than I can help with at the moment in terms of CSS. Sorry I don’t have better news there.

Sorry to hear about the hassle. Have you made progress? I’m not able to replicate the error. Thanks.