contact form width?

Front page Support Forums Haiku Theme Support contact form width?

This topic contains 5 replies, has 2 voices, and was last updated by  satori 4 years, 1 month ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1529

    dylandigits
    Participant

    I’m using the latest version of the Haiku theme and attempting to configure the Contact page to be full-width. When I choose full-width from the template menu in the page editor the result is that the form is squashed against the left margin of the page at a width of ~157px. If I change the template to the default (right sidebar), it behaves just fine.

    Please take a look at herspiral.com/contact/ and let me know what I’m doing incorrectly or what I can change to achieve a standard form in the full-width template.

    #1534

    satori
    Member

    Hey Dylandigits,

    first of all, thank you for the purchase!

    I am not sure I understood how exactly the contact form behaves on full-width pages (at the moment the page in question has a right-sidebar layout), yet I can tell that in Haiku the contact forms and other input fields are stretched to 100% of the page width by design, i.e. on a full-width page, one should expect them to stretch from one side of the inner content to the other.

    If you wish to have a thinner contact form on a full-width page, you can change its behaviour by adding a line of CSS code to the textarea in the “Style: Add Custom CSS” tab of the Theme Options panel:
    input[type=”text”], textarea { width: 60% !important; }
    you can alter the “60%” to any figure you need. Do not forget to press the “Save All Changes” button in the end!

    Please let me know if the code does what you need.

    Sincerely,
    Andrew / Satori Studio

    #1537

    dylandigits
    Participant

    Thanks for the prompt reply Andrew. I tried what you suggested with the custom css without any luck. To be sure I’ve illustrated what the problem is, I took a screenshot: http://herspiral.com/contactpage-width.png

    See what I mean? The form is way off to one side. This is with the full-width template, mind you. I was messing about with it last night so you might have caught it when I had temporarily left it on the right-sidebar template. I’m not sure what’s preventing it from going 100%; I’m not even sure what’s making it render at that narrow width. Any ideas?

    Thanks again,
    Dylan

    #1538

    satori
    Member

    Ah, I see :) sorry for mis-interpretation!

    Please download this updated stylesheet from my repository, unzip it, and upload the file into the theme folder (/wp-content/themes/Haiku). Let me know if the fix works!

    Sincerely,
    Andrew / Satori Studio

    #1539

    dylandigits
    Participant

    Thanks, that fixed it! Much appreciated.

    #1540

    satori
    Member

    Glad to hear!

    Should you have other questions, do not hesitate to contact me!

    Best,
    Andrew / Satori Studio

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.