Latest Quform update – styling issues

Home Forums Quform WordPress Latest Quform update – styling issues

This topic is: resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #22080
    petefromhome
    Participant

    Hey Guys!

    I have just updated quform to the latest version on one of my client’s site, and migrated all my forms…

    After the update and migration, my form and submit button styling are gone.

    Is there any way to get these settings back on?

    I have all the tweaks i made sitting in the theme’s custom css, but since the update they do not work.

    I guess the references has changed or something?!

    I have also noticed that the form shortcode changed from iphorm to quform…

    Looking forward to hearing from you.

    Any help well appreciated!

    Cheers, Pete

    #22093
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #22100
    petefromhome
    Participant

    Hey Ally!

    Thanks a miilion for getting back to us!

    I have tried to tweak the css bits for the submit button according to the new css classes, but it did not work.

    This is the css code I have for the button below…

    .quform .quform-submit button span, .quform .quform-submit button em {
    color: #ffffff; /*Font color*/
    text-shadow: none; /* Add/remove text shadow*/
    font-family: Didact Gothic,Arial,Helvetica,sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
    padding: 4px 15px;
    text-transform: uppercase;
    background:#7f7373;
    }
    /*Default state*/
    .quform .quform-submit button span {
    background:#7f7373; /*Left image or color*/
    border: 1px solid #7f7373; /*Add/remove a border*/
    -webkit-box-shadow: none; /*Add/remove a shadow*/
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0; /*Add/remove a border radius*/
    -moz-border-radius: 0;
    border-radius: 0;
    }

    /*Hover*/
    .quform .quform-submit button:hover span {
    background: #313131 ; /*Left image*/
    border: 1px solid #313131;
    }

    /*Hover*/
    .quform .quform-submit button:hover em {
    background: transparent; /*right image*/
    color: #fff ;
    }

    Could you please take a quick look and point me to the right direction!

    I will deffo check out the new features and themes! 🙂

    I really appreciate your help with this!

    Cheers, Pete

    #22103
    petefromhome
    Participant

    Hi Ally,

    Please ignore my previous message… the new buttons are wicked and it is all sorted! 🙂

    I have one more question though…

    On my clients site I have 90+ forms for each product ( created in version 1.) so he can receive enquiries for that particular item!

    Since the migration to 2. I have to go in all the pages and change the sortcode to the new version, so the forms are showing up.

    My biggest issue is that I had a global styling in my custom css for all my forms, so they looked the same… since the migration the styling is gone and now I have to edit each form individually…

    Is there any way to apply a global styling for all forms?

    Looking forward to your reply!

    Thanks your help in advance!

    Cheers, Pete

    #22218
    Allan
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #22221
    petefromhome
    Participant

    Hey Alan,

    Thanks a lot for your reply!

    All sorted on that website! Thanks a million for your help!

    Now I have some other issues on a different website.

    I have just upgraded the plugin => migrated the forms, and changed the sortcodes on the relevant pages.

    It looks okish in Chrome, but in Firefox it is all messed up with no styling at all, and also there is an extra field which appears below the submit button.

    Can you guys advise and help me with this as my client is on my case!

    Appreciate you help!

    Cheers, Pete

    Attachments:
    You must be logged in to view attached files.
    #22238
    petefromhome
    Participant

    Hey Allan,

    Please ignore my previous message…

    All sorted at the end.

    One of my cache plugins has caused the problem.

    Cheers, Pete

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy