How to edit form appearance

  • Resolved cgllc

    (@mfulham)


    1 month ago

    I have placed the AWS search form next to a regular WordPress search bar in the header of the site.
    I am trying to get the two forms to look the same. I need to change the border-radius to 25px so that the corners of the AWS search bare are rounded.

    I also tried to change the css for the regular WordPress search bar, but I couldn’t get the css to change that border-radius to 0px (to remove the curved corners).

    The css to change font-size and border-color are working fine.

    • This topic was modified 1 month ago by cgllc.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    Can you please give me a link to the page where this search form is placed so I can look at it and help you with proper css?

    Regards

    tomlodge

    (@tomlodge)

    Hi, i’m running into the same issue. I’ve found the problem, which is that there is some CSS in one of the plugin files which has border-radius set to 0px with an “!important” tag. Any css that we’ve written in our custom CSS files for the border-radius is being overwritten by this. Only other way would be to edit the plugin files CSS, but that means we would have to make that change with every update the plugin has. Is there another way to edit the CSS which would work?

    Plugin Author ILLID

    (@mihail-barinov)

    @tomlodge You still can override that border radius with custom css. Please try something like that:

    .aws-container .aws-search-form .aws-search-field {
        border-radius: 10px !important;
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.