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 1 year ago.
- AuthorPosts
- August 2, 2023 at 10:27 am #44900
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 ?
August 2, 2023 at 2:28 pm #44913Hi,
Sure! This will do the trick:
Best,form.asp-fss-flex { justify-content: center; }
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
August 21, 2023 at 6:30 pm #45161August 22, 2023 at 3:06 pm #45184Great!
I think so, maybe with this:
Best,.asp_ss fieldset legend { margin: 0 auto !important; }
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)
- AuthorPosts
You must be logged in to reply to this topic.