Form setting field Design

This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 1 year, 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #41487

    Please help me to improve design and setting boxes sizes
    ==>Check the screenshort :

    1- How to adjust this box site edit color
    2- How to make this boxes design looking like box (1)
    (I mean Hight , and shapes also )

    Ernest Marcinko
    Ernest Marcinko


    Thank you for the details, it helps a lot!

    1. Most of it is hard coded, but you can still use custom CSS to get the colors:

    /* The Container */
    .asp_select2-search__field::placeholder {
        background: red !important;
        color: white !important;
    /* The selection */
    .asp_s span.asp_select2-container--flat ul li.asp_select2-selection__choice,
    .asp_sb span.asp_select2-container--flat ul li.asp_select2-selection__choice {
        color: white;
        background-color: #ff7272 !important;
        border: 1px solid #ff7272 !important;
    /* Drop down general */
    span.asp_select2-container--open .asp_select2-dropdown--below,
    span.asp_select2-container--open .asp_select2-dropdown--above {
        background: #9c6a6a;
    /* Drop down selected values */
    span.asp_select2-container--flat .asp_select2-results__option[aria-selected=true] {
        background: #b34949;
        color: #fff;
    /* Drop down hovered selection */
    span.asp_select2-container--flat .asp_select2-results__option--highlighted[aria-selected] {
        background: #dc3737 !important;
        color: #fff;

    2. You can change the button colors, margins, paddings etc.. under the frontend search settings panel:
    For a boxy design you can set the border radiuses to 0, as well as increase the paddings for bigger buttons.

    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.