Radio Buttons with images display issue
-
Hi, I am trying to use a Radio Buttons field with images. The field has 6 radio buttons and its layout is set to “Side by Side”. Our website has a set content width. When the browser window is wide enough, only 4 image radio buttons fit on one row and the remaining 2 image radio buttons fall on the second row. In doing so however, two extra blank spaces are added in the beginning of the second row.
When shrinking down the browser window to where only 3 image radio buttons fit on the first line, the field extends to three rows (3 image radio buttons on the first row, 2 blank spaces followed by 1 image radio button on the second row, and the remaining 2 image radio buttons on the third row).
When further shrinking down the browser window to where only 2 image radio buttons fit on the first line, the field extends to four rows (2 image radio buttons on the first row, a blank space followed by 1 image radio button on the second row, 2 image radio buttons on the third row, and the remaining 1 image radio button on the fourth row).
Is there an easy way I can fix this with css? Any assistance with this issue would be greatly appreciated!
Thank you!
- The topic ‘Radio Buttons with images display issue’ is closed to new replies.
