Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

CSS code for Contact Form 7 does not work

contact form 7 custom CSS
    • 9 years, 11 months ago marian
      Participant

      Expired

      Hi,

      CSS code for Contact Form 7 does not work

      I add CSS code to Specular>General Options>Custom CSS code

       

      .wpcf7 input[type=”text”],

      .wpcf7 input[type=”email”],

      .wpcf7 textarea

      {

      background-color: #fff;

      color: #000;

      width: 50%;

      }

       

      Result is NULL: https://grab.by/J8RU

      Any advice?

      Thanks,

      Marian

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      Normally we do not offer support for third party plugins. But i can advice you to double check if you got the right css class and add a !important after the attributes.
      Example:

      .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
      
      background-color: #fff !important;
      color: #000 !important;
      width: 50% !important;
      }

      Best regards!

    • 9 years, 11 months ago marian
      Participant

      Expired

      Hi Mihaila,

      as you recommend this plugin in your documentation I guess you provide support.

      Unfortunatelly ‘!important’ after the attributes has some problem. (see exclamation marks https://grab.by/JiXK

      Thanks,

      marian

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      We recommend plugins that are compatible and work best with our theme. But do not other support as they are some other author’s work. That exclamation mark, is nothing to worry about.

      Best regards!

    • 9 years, 11 months ago marian
      Participant

      Expired

      Hello,

      I found that it takes about minute to mirror custom CSS into front end. Works good now.

      Thanks,

      Marian

    • 9 years, 11 months ago Mirela
      Participant

      Hello,

      There are times that it may take even longer to show a css change. It’s not fault of the custom css box. That happens because your browser has a cached copy of your site and it needs time to take the new preview. So does other CDN over the network.
      In these cases, just clear cache to see your changes sooner, or open your site from another browser.
      Nice to know you’re ok now.

      Best regards!

Viewing 5 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password