[Support request] CSS to round corners on search bar?

Home Forums Support CSS to round corners on search bar?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1437482
    Erik

    I used CSS provided on another topic to get my search bar below my navigation here: https://rationaldreaming.com/

    However, my navigation has a 5px border radius and I can’t seem to get the same for the search bar. Is there a way to give it rounded corners like the nav bar? Thanks.

    #1437527
    Elvin
    Customer Support

    Hi Erik,

    You can try this CSS Code:

    .navigation-search.nav-search-active {
        border-radius: 5px;
        overflow: hidden;
    }

    Let us know if works for you.:)

    #1437531
    Erik

    Getting close! What about the toggle button? It’s the only thing that still has square corners. https://rationaldreaming.com/

    #1437537
    Erik

    I found out how to do this by inspecting the element. Thank you for your help.

    #1438482
    Elvin
    Customer Support

    Nice one, No problem! 🙂

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