• I have added following css to change the layout of the search bar. But when doing it adds some white colors at left and right border. In elentor i have tried to change the background color to match the header. But without luck

    .aws-container .aws-search-form .aws-form-btn {
        background: #Fff;
        border-color: #4498c6;
    }
    .aws-container .aws-search-form .aws-search-btn.aws-form-btn {
        background: #4498c6;
    }
    .aws-container .aws-search-form .aws-search-btn svg {
        fill: #fff;
    }
    .aws-container .aws-search-field {
        border-right: none !important;
        border-color: #4498c6;
    }
    .aws-container .aws-search-form .aws-main-filter.aws-form-btn {
        border-left: none !important;
    }
    .aws-container .aws-search-field {
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
    }
    .aws-container .aws-search-form .aws-search-btn.aws-form-btn {
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author ILLID

    (@mihail-barinov)

    Hi,

    Please add this addition styles

    .aws-container .aws-search-form {
        background: #f2eae3;
    }
    
    .aws-container .aws-search-field {
        background: #fff;
    }

    Regards

Viewing 1 replies (of 1 total)
  • The topic ‘White background color’ is closed to new replies.