This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Search setting alignment layout

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Search setting alignment layout

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #44900
    ilyessdilyessd
    Participant

    I wanted to center my search settings in the folowwing format :
    – Computer : 3 columns that are centered (this is what my website is currently showing)
    Mobile : One column with centered items (Not working, they are on the left)

    I added the following Custom CSS

    /* Center the parent container horizontally on all devices */
    #ajaxsearchprobsettings1_1 {
    text-align: center;
    max-width: 1000; /* Adjust this value to your preference */
    margin: 0 auto;
    }

    /* Adjust the positioning of the fieldsets */
    #ajaxsearchprobsettings1_1 form {
    /* Set the form to occupy the full width of the parent container */
    width: 100%;
    max-width: 1000; /* Adjust this value to your preference */
    }

    #ajaxsearchprobsettings1_1 fieldset {
    /* Adjust the fieldsets to be displayed as block elements */
    display: block;
    margin: 0 auto;
    max-width: 1000; /* Adjust this value to your preference */
    margin-bottom: 20px; /* Adjust this value to control the spacing between fieldsets */
    }

    Could you help me fix it ?

    #44913
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi,

    Sure! This will do the trick:

    form.asp-fss-flex {
        justify-content: center;
    }
    #45161
    ilyessdilyessd
    Participant

    Thanks ! I added your code to mine and it seems to work !
    Also, is it possible to center the legend of each fieldset that is above each dropdown ?
    Thanks in advance !

    • This reply was modified 2 years, 9 months ago by ilyessd.
    #45184
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Great!

    I think so, maybe with this:

    .asp_ss fieldset legend {
        margin: 0 auto !important;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.