30 Boosts shipped! July 2024 Boost Days Recap

[boston85719]

Dropdown Icon Position

If you want to change the position of the Icon in the dropdown you can use the code below <style> #drop-custom { background-position: right 4px top 50%, 0 0 !important; } </style> The dropdown element to target will need the HTML ID attribute set, and in the code above that is drop-custom The 4px in the code above makes the icon 4px away from the right side of the dropdown. You can put this code into an HTML element onto the page

Dropdown - Font Position - Centered

If you want to change the position of the font in the dropdown you can use the code below <style> #drop-custom { text-align-last: center !important; } </style> The dropdown element to target will need the HTML ID attribute set, and in the code above that is drop-custom The text in the dropdown will be centered aligned according to the size of the dropdown element. You can put this code into an HTML element onto the page Below is quick example of a dropdown with no icon and centered text a…

Dropdown Icon - Don't Show

If you want the icon in the dropdown element to not be visible you can use the code below <style> #drop-custom { background-size: 0px !important; } </style> The dropdown element to target will need the HTML ID attribute set. In the code above that ID is drop-custom You can put this code into an HTML element onto the page This will make it so the icon is not visible to the user