• Resolved youandus

    (@youandus)


    Hello,

    I have updated the colours of the form confirmation message using the below and it worked on most pages but my blog listing page. Could you advise how to fix that?

    .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    }

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hey @youandus,

    Thanks for reaching out!

    I looked at the blog page and noticed a “Nothing Found” error message. Here’s a screenshot.

    I did notice on the footer section a form where users can enter email addresses, however, it seems to be using the CSS that you’ve shared for the confirmation page. Another screenshot

    When you have sometime, can you please check the page URL and let me know?

    Kindly,

    Thread Starter youandus

    (@youandus)

    The error message is just saying there are no blog posts, so that’s all fine.

    On the right hand side of the page there is a box to sign up for mailing and once completed the confirmation message box is green and not white as the settings. When I fill the box in footer on this page it also turns green but it turns white on other pages.

    Ceecee

    (@edicodesign)

    I’m having the same issue with my forms. The confirmation message is lime green and the text is white. I was able to amend the text with a simple <*font color=“#000000”> ( where you customize the message shown) on all my forms but where would I find the code for the confirmation box container to change the green?

    Thread Starter youandus

    (@youandus)

    I have used this and customised it in additional css. Mostly works but not on all pages hence my query.

    .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    }

    Hey @youandus – Thanks for following on this ticket!

    Please try using following CSS and let me know how it goes:

    .wpforms-confirmation-container-full {
        background: #ffffff !important;
        border: 1px solid #eeeeee !important;
        box-sizing: border-box !important;
    }

    @edicodesign to help avoid any confusion, please create a new support ticket and we’d be happy to help you.

    Kindly,

    Thread Starter youandus

    (@youandus)

    Yes this has done it, thank you.

    Ceecee

    (@edicodesign)

    @youandus I see you’ve figured out your initial issue but I found a helpful tool for styling WPForms.a plugin called CSS Hero. You can watch the Live Demo here if you’re interested. https://www.csshero.org/plugins/wpforms/ I’m excited to make the other changes I wanted to forms and be able to customize each form depending on the Page. The plugin has native integration with WPForms too so it

    Thread Starter youandus

    (@youandus)

    @edicodesign thanks, I will keep it in mind if I decide to customise my forms more ??

    Hey @youandus – I’m happy to hear that CSS worked for you. For now I’m going to close this ticket, but please feel free to reachout if you have any questions about WPForms Lite and I’ll be happy to assist you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘styling’ is closed to new replies.