[Resolved] Ajax Search Bar Border Radius

Home Forums Support Ajax Search Bar Border Radius

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1354672
    troyw

    Really sorry guys, this is a real quickie.

    I am trying to put rounded edges on my Ajax Search Bar, but none of the CSS I am using is doing it.
    I am simply adding this to Customiser> Additional CSS;
    .ajax .searchform {border-radius: 20px;}

    I’ve tried varius identifiers such as .woo-search {border-radius: 20px;} and .dgwt-wcas-ico-magnifier {border-radius: 20px;} but no luck.

    I’m sure it is just the identifier I am not getting right, any ideas?
    Thanks

    #1354675
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        border-radius: 7px;
    }

    Please note that plugin related questions should be answered by the plugin support.

    Thanks for your understanding 🙂

    #1354679
    troyw

    Wow, thanks Leo, that was real quick!

    It has fixed the left side of the field, but not the right where magnifier is?.

    Thanks

    #1354684
    Leo
    Staff
    Customer Support

    You can try this:

    .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
        border-radius: 7px;
    }

    Please check with the plugin support first next time 🙂

    #1354692
    troyw

    Thanks Leo.
    Sorry, I did lots of searching before I asked you but couldn’t find anything. The Ajax developer doesn’t seem to respond very quickly at all either.

    Many thanks again though Leo, that works great.

    #1354697
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.