badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Plugin for variable content / Formatting of non-text form fields

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #23071
    filipa.martins
    Participant

    Yes, it’s me again ^^

    Q1
    Basically, I need to create a page to display the details of a selected item; the structure of the page is always the same but the content changes according to the item previously selected; since there are dozens of items, I’m thinking of using some kind of plugin (like Content Switcher). I just wanted to ask you guys – have you tested any plugin of such kind with this template? is there something you’d recommend?

    Q2
    I have inserted a contact form in a page (http://oilgasacademy.com/contactos/) but it seems that any non-“text” fields refuse to assume the same formatting as the “text” ones. I believe that this formatting is a result of some type of integration of the Contact Form 7 plugin and the Ultimate theme (since I did nothing besides creating the labels of the form). So what I need to know is if there’s a way of making them look the same (or resetting the formatting for all fields and have it done in another way).

    Tks and tks!
    Filipa

    #23133

    Hi filipa.martins,

    We have not tested with the Content Switcher plugins or any recommended plugins. We are sorry for this.

    Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    #main form input{
      padding: 10px;
      border: 1px solid rgba(0, 0, 0, 0.05);
      width: 100%;
      margin: 0 0 30px;
      background-color: #f9f9f9;
    }
    
    select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
      border: 1px solid rgba(0, 0, 0, 0.05);
      width: 100%;
      margin: 0 0 30px;
      background-color: #f9f9f9;
      height: 50px;
    }

    Thank you!

    #23161
    filipa.martins
    Participant

    That works great. The only problem is that the formatting also affects the submit button, creating a wide grey area behind it – is there a way to prevent this?

    Tks!
    Filipa

    #23196

    Hi filipa.martins,
    Remove the above css and paste this current CSS

    .wpcf7-validates-as-tel {
      padding: 10px;
      border: 1px solid rgba(0, 0, 0, 0.05);
      width: 100%;
      margin: 0 0 30px;
      background-color: #f9f9f9;
    }
    
    select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
      border: 1px solid rgba(0, 0, 0, 0.05);
      width: 100%;
      margin: 0 0 30px;
      background-color: #f9f9f9;
      height: 50px;
    }

    Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.