Shop Categories

X

Contact form 7 fixed width and remove page titles

Home Forums Agama Pro Contact form 7 fixed width and remove page titles

Topic Resolution: Resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1424
    Karim
    Participant

    Hello,

    First of all, i wanna say that you guys really have a great eye for design. The agama pro theme just looks really good. I am building my second website with the pro theme, and i need help with 2 points.

    The contact form 7 has somehow a fixed width. So it doesn’t adjust to the width of the column, and on mobile you see one side cut off the screen cause of this.
    It would really be great if that can be fixed.

    Second point is i want the page titles to be removed, but somehow i cant manage to get it done. Only the homepage i got it removed, but all the others not.

    This is the url i am talking about: http://195.22.100.25/~lauritsen

    And this is to see the issue with the contact form 7: http://195.22.100.25/~lauritsen/contact/
    Pls check how it looks on smartphone, it cuts out one side.

    Thanks in advance!:)

    #1429
    Jerry
    Keymaster

    Hello Karim,

    I can notice that there is set width: auto; on contact form 7 input fields and that’s causing the responsivity issue.

    The width for input fields should be set 100% (width: 100%;) so they can be resized on other screens.

    http://prntscr.com/9zotsu

    The page titles enable / disable feature you can expect in new update which will be released for day or two since im almost finished with it.

    Regards

    • This reply was modified 6 years, 9 months ago by Jerry.
    #1436
    Karim
    Participant

    Hello Jerry,

    Cant wait for the update:)

    About the contact form: I never changed any setting, so i dont know why this is not automaticly set correctly.
    I tried many css codes i found online, but none works for me. I have no knowledge about coding, css and stuff like that.

    How/where can i change the width to 100% instead of auto?

    Thanks

    #1441
    Jerry
    Keymaster

    I see this is already resolved but you can also use our pre-defined contact page template, just edit contact page and set page template to “Contact Page” & after that go to Agama Options->Contact Page (tab) and configure it per your needs.

    Check screen: http://prntscr.com/a03n3y

    Regards

    #1443
    Karim
    Participant

    Hello Jerry,

    Not sure what you mean, but It’s not resolved yet. Its still fixed width.

    I also use the contact form plugin to make reservation tools or to make calculations. I also have a contact form used on a page where people can fill in some more information before sending. It’s on this page on the same site: http://195.22.100.25/~lauritsen/aanmelden/
    On this page it’s also fixed width. I really would love it if the contact form 7 plugin works correctly with this theme, for i use it on every site and also often more then just a contact form.

    But gotta say your contact form pre-made page looks absolutely fantastic. It would finish it if the mail and phone number are clickable also on the laptop.

    But for now really love it if this contact form 7 plugin thing can be resolved. Then i have all the right tools with this theme to make awesome looking sites:)

    Thanks again and sorry for the trouble

    #1444
    Karim
    Participant

    I found a CSS that fixed it:

    input.wpcf7-form-control.wpcf7-text {
    width: 100% !important;
    }

    Its resolved now:)

    #1447
    Jerry
    Keymaster

    Hello Karim,

    Im glad you resolved this issue on your own since im way too bussy with upcoming update.

    Regards

    #1450
    Karim
    Participant

    hahaha.

    You really keep us excited with the update:p

    Looking forward to it

    Good luck captain;)

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