Search setting alignment layout

[ilyessdParticipant]

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 ?

[Ernest MarcinkoKeymaster]

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 :)

[ilyessdParticipant]

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 11 months, 1 week ago by  .

[Ernest MarcinkoKeymaster]

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 :)

[Author]

Posts