Skip to Content (Press Enter)
2022-03-10 16-20-13
saif sheikh
171Views
2Comments
Solved
CSS alignment
Question
Beginner
1-Click Publish
CSS

Hi Everyone,


unable to get the alignment of the ;last two dropdowns. i have created one big container and six small containers for each of the dropdowns. Although th estyle properties are simple and same for all the dropdowns unable to get the last two aligned  with the top four in a single line.

Can anyone suggest the correct action which could help. Also unsure if their is a horizontai difference between texts for each of the text as in if 'Line of bussiness' and 'state' are in the proper same line horizontally


0
0
02 Nov 2022
Copy Link
2023-10-21 19-42-11
Tousif Khan
Champion
Solution

Hello @saif 

I think the issue is with margin , padding is auto applied to your Inputs or label

As seen in a picture you show
Go to the property tab of your widgets and go to Styles
There check if any margin or padding is applied on the of the block
If it is there the make it 0 ,

Hope this will solve your issue

Best Regards

Tousif Khan

See solution in context
1
0
03 Nov 2022
Copy Link
2022-08-03 04-32-50
Ravi Punjwani

Hi Saif,

  • Keep the labels and dropdowns on each row in different containers placed side by side.
  • Set proper widths on both containers on each row (like 6/6 columns, 4/8 columns).
  • Configure Dropdown widgets to be full-width 
  • Place each row in its own container with full-width to maintain proper hierarchy (looks like this is done already)
  • Make sure the text alignment is correctly set up (left or centered). For best practices, use predefind class names for it instead of doing inline-css.
  • Mark as solution if this resolved your query ;)
2
0
02 Nov 2022
Copy Link
2023-10-21 19-42-11
Tousif Khan
Champion
Solution

Hello @saif 

I think the issue is with margin , padding is auto applied to your Inputs or label

As seen in a picture you show
Go to the property tab of your widgets and go to Styles
There check if any margin or padding is applied on the of the block
If it is there the make it 0 ,

Hope this will solve your issue

Best Regards

Tousif Khan

1
0
03 Nov 2022
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.