Support » Fixing WordPress » Help with widget css

  • Resolved Gemini23

    (@gemini23)



    This is for a new widget in the primary sidebar.

    Basically, this is for a search box script that pulls in a (legitimate) script from a third party website.

    All seems to work okay BUT the search box and its styling displays over the top of the other widget contents in the primary sidebar – ie currently I have SUBSCRIBE TO OUR NEWSLETTER and where to enter the email address etc and the new search box script contents simply displays over the top of it.

    I expect it is something to do with the styling that comes with it but I don’t know what to change to make the ‘search box’ sit within its own box and push down the next widget contents.

    This is the styling…
    <style>
    #bbm-front-api-hybrid-qs-form {
    padding: 2rem 1rem 0 1rem;
    position: absolute;
    bottom: 1rem;
    top: inherit;
    right: inherit;
    left: inherit;
    background: red;
    }

    #bbm-front-api-hybrid-qs-form #edit-show {
    width: calc(100% – 1rem);
    }
    </style>

    Help anyone?

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