Search setting alignment layout

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

This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #44900
    ilyessd
    ilyessd
    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 Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    Sure! This will do the trick:

    form.asp-fss-flex {
        justify-content: center;
    }
    Best,
    Ernest Marcinko

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


    #45161
    ilyessd
    ilyessd
    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 6 months ago by ilyessd .
    #45184
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Great!

    I think so, maybe with this:

    .asp_ss fieldset legend {
        margin: 0 auto !important;
    }
    Best,
    Ernest Marcinko

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


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

You must be logged in to reply to this topic.