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*

Contact Form 7; Size of the contact form;

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #26130
    Petar
    Participant

    Hi,
    I got Contact Form 7 plugin on another website of mine https://www.immigration2bulgaria.com/contact/ which is on Mesocolumn Theme. Now I am trying to create a similar contact form on my Ultimate theme http://www.bulgarianplates.com/contact-us/ . Unfortunately, the boxes of the contact form are too big.
    I would like to make them half as the first website. Any feedback how to do that would be greatly appreciated.

    Thanks,
    Petar

    #26131

    Hi Petar,

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

    input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea {
      width: 50%; 
    }

    You may change this width and by default its 100%
    Hope this may help you
    Thank you!

    #26146
    Petar
    Participant

    Hi,
    Thanks for the fast response.
    This works well for the bottom text area but does not affect the other areas. I would like to make all of the areas like 50% width only.
    Also, is there any option to make the contact details in two columns. In the left column the company contact details will be presented and in the right column the visitor can leave us a message using the text areas.

    There should not be a visible line that separates the left and the right columns.

    Thanks in advance.

    #26154

    Hi Petar,

    just add this below css in your custom css

    input[type=text], input[type=email], input[type=search], input[type=password], textarea {
    width: 50%;
    }

    hope this may help you
    Thank you!

    #26165
    Petar
    Participant

    Thanks a lot! This one worked very well.
    Is there any option to make the contact-us page in two columns. In the left column is my company details, and on the right column is the Contact Form plugin with the boxes.

    Thank you,
    Petar

    #26187

    Hi Petar,

    To have the two columns for you contact page. Follow the instruction bellow:

    1. Create a page name contact and choose Contact Page Template from Page Attributes drop down. You can find the page Attributes option in the right side of the page editor.
    2. Go to Appearance > Widget.
    3. Drag and Drop any widget to Contact Page Sidebar.
    4. Now you can see the sidebar with selected widget in you contact page that you have created in first step.

    Thank you for using our theme.

    Please help us rating this theme in WordPress Repository.
    https://wordpress.org/support/view/theme-reviews/ultimate
    We really appreciate your rating.

    Have a Great day 🙂

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