Archived topic

Ajax Search Bar Border Radius

5 replies · Started by troyw on July 6, 2020

Viewing posts 1–6 of 6

July 6, 2020 at 9:05 pm #1354672

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

July 6, 2020 at 9:12 pm #1354675

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 :)

July 6, 2020 at 9:23 pm #1354679

Wow, thanks Leo, that was real quick!

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

Thanks

July 6, 2020 at 9:31 pm #1354684

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 :)

July 6, 2020 at 9:44 pm #1354692

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.

July 6, 2020 at 10:01 pm #1354697

No problem :)

This archived topic is closed to new replies.

Start building better websites today.