Navigation
Archive / Theme styling overrides Wufoo form CSS
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 3, 2017 at 2:16 pm #1357158
    CullinanDigital
    Participant

    Hi there,

    I’m having trouble getting some CSS to work properly on a Wufoo form embedded on an X theme site. It appears that X theme styling is overriding the custom CSS for my form.

    I want to style the container border to have a box-shadow.

    I’ll supply a link to the website in a private reply. The attachment shows what I want the container border to look like

    February 3, 2017 at 2:17 pm #1357161
    CullinanDigital
    Participant
    This reply has been marked as private.
    February 3, 2017 at 11:07 pm #1357635
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    #container, html.embed {
    background-color: transparent;
}

    Please add following code in text element’s style field :

    border: 2px solid #000000 !important;box-shadow: 10px 10px 5px #888888 !important;background-color: #fff;border-radius: 10px;

    Hope that helps.

    February 3, 2017 at 11:35 pm #1357652
    CullinanDigital
    Participant

    Thanks!

    February 4, 2017 at 2:48 am #1357735
    Christopher
    Moderator

    You’re welcome.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1357158 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>