Docs

[Abd Ur Rehman]

Hi there,

How can I reduce font size of contact form not valid fields alert and align that to left? Have a look here I’ve marked that area:

Thanks

[Christian]

Hey there,

Please give us the URL of your contact page so we could check.

Thanks.

[Abd Ur Rehman]

This reply has been marked as private.

[Christian]

I see that the text is already aligned to the left (see attachment). Please add the code below in your Appearance > Customize > Custom > Global CSS for the size.

.wpcf7-not-valid-tip {
    font-size: 13px
}

Thanks.

[Abd Ur Rehman]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for wriitng back. The code is correct and should work fine. I can’t see the code on your site. I guess it was not added properly or the other codes are not closed properly. Let’s check and make sure other codes are correct as well.

Cheers!

[Abd Ur Rehman]

This reply has been marked as private.

[Christopher]

Hi there,

There are duplicated and unclosed brackets in your code, please update your CSS to :

.text-white h2,
.text-white p,
.text-white .x-btn {
  color: #fff;
}

.text-white .x-btn {
  border-color: #fff;
}

.text-white .x-btn:hover {
  opacity: 0.75;
}

.x-colophon {
  background-color: #0C0C0C;
}

.x-topbar {
  background-color: #0c0c0c;
}

.x-topbar .p-info {
  color:#f7b926;
}

  .wpcf7-not-valid-tip {
    font-size: 10px !important;
}
  @media (max-width: 767px) {
.x-topbar .p-info {
    background-color: #0c0c0c !important;
}

.x-colophon {
    border-top: 0 !important;
}
  .wpcf7-not-valid-tip {
    font-size: 10px !important;
}
}
.x-btn-navbar {
	color: #0C0C0C !important;
	background-color: #f7b926 !important;
}

Hope it helps.

[Author]

Posts