Title: Custom CSS have no effect
Last modified: April 3, 2021

---

# Custom CSS have no effect

 *  Resolved [jay126](https://wordpress.org/support/users/jay126/)
 * (@jay126)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/)
 * I m using ivory search free version.
 * I having an issue for custom ivory search bar in ivory search setting .my ivory
   search inut id 1436.
 * 1) to custom width or length become longer.
    2) custom search button
 * CSS :
 * .is-search-form label input.is-search-input-1436 {
    width: 100%; } .is-menu #
   searchsubmit { background-color: #777474; color: #FFF; }
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustom-css-have-no-effect-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 10 replies - 1 through 10 (of 10 total)

 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14273933)
 * I hope you are well today and thank you for your question.
 * Please use the below custom CSS code to increase its width.
 *     ```
       .header-widget-area form.is-search-form {
           width: 710px;
           max-width: 100%;
       }
       ```
   
 * You can change the styling of the search form by using Search Form Customizer
   on the below path.
 * Admin Area -> Ivory Search -> Search Forms -> Edit Search Form -> Design -> Search
   Form Customizer
 * Best regards,
 *  Thread Starter [jay126](https://wordpress.org/support/users/jay126/)
 * (@jay126)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14274363)
 * HI Sir
 * I have change accordingly yet the width no effect .
 * can pls advise?
 * .header-widget-area form.is-search-form {
    width: 1000px; max-width: 100%; }
 *  Thread Starter [jay126](https://wordpress.org/support/users/jay126/)
 * (@jay126)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14274541)
 * Hi Sir,
 * it works , thanks. however how to make the search bar responsive in mobile?
    -  This reply was modified 5 years, 1 month ago by [jay126](https://wordpress.org/support/users/jay126/).
 *  Thread Starter [jay126](https://wordpress.org/support/users/jay126/)
 * (@jay126)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14274653)
 * I tried to customize the code to below and it back to original length .
 * .site-container > .header-widget-area form.is-search-form {
    max-width: 1065px;
   margin: 0 auto; }
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14276467)
 * Please try using the below CSS code.
 *     ```
       .header-widget-area form.is-search-form {
           width: 710px;
           max-width: 100%;
           display: table-cell;
       }
       ```
   
 *  Thread Starter [jay126](https://wordpress.org/support/users/jay126/)
 * (@jay126)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14284418)
 * Hi Vinod
 * Thanks its work ~~
 *  Thread Starter [jay126](https://wordpress.org/support/users/jay126/)
 * (@jay126)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14287200)
 * hi Vinod ,
 * additonal question how to adjust border radius? i added “border-radius: 15px”
   but no effect taken.
 * .header-widget-area form.is-search-form {
    width: 810px; max-width: 100%; display:
   table-cell; **border-radius: 15px;** }
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14287220)
 * You can adjust border-radius by using the below CSS code.
 *     ```
       .is-form-style.is-form-style-3 input.is-search-input {
           border-radius: 15px 0 0 15px;
       }
   
       .is-form-style button.is-search-submit,
       .is-search-icon {
           border-radius: 0 15px 15px 0;
       }
       ```
   
 *  Thread Starter [jay126](https://wordpress.org/support/users/jay126/)
 * (@jay126)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14292691)
 * Hi Vinod,
 * Thanks its work !!!!
 *  Plugin Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14296301)
 * You are always welcome, I’m glad I was able to help you with this matter. There
   is no obligation but by your kind words I wonder if I could trouble you to leave
   a review based on this experience here:
 * [https://wordpress.org/support/plugin/add-search-to-menu/reviews/](https://wordpress.org/support/plugin/add-search-to-menu/reviews/)
 * I’d really appreciate that. 🙂
 * And if I can be of any further assistance please don’t hesitate to ask.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Custom CSS have no effect’ is closed to new replies.

 * ![](https://ps.w.org/add-search-to-menu/assets/icon-256x256.png?rev=2077748)
 * [Ivory Search - WordPress Search Plugin](https://wordpress.org/plugins/add-search-to-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/add-search-to-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/add-search-to-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/add-search-to-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/add-search-to-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/add-search-to-menu/reviews/)

## Tags

 * [ivory](https://wordpress.org/support/topic-tag/ivory/)

 * 10 replies
 * 2 participants
 * Last reply from: [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/custom-css-have-no-effect-2/#post-14296301)
 * Status: resolved