Skip to Questions

LibAnswers FAQ - Questions about LibAnswers? We'll solve 'em!

Q

How can I change the width of the select boxes on the Add a Transaction page?

Some of the text in the select boxes is too long to display - can I make those boxes larger?
Last Updated: Jun 29, 2012  |  162 Views

Was this helpful? 0   0
A

Answer

All you need is a little CSS...and an admin-level account. ;)

Change All Select Boxes (Equal Widths):

  1. Go to Admin Stuff > Look & Feel.
  2. Scroll down to the Custom JS/CSS Code box.
  3. Add this CSS to the box, changing 175px to whatever size you want each box to be:
    <style>
    .seltd { width:175px; }
    </style>
  4. Click Save.

Now your select boxes will all be the same size! They'll move on to different rows - however many is necessary to display all of the boxes.

Change One (or more) Select Boxes:

If you'd just like to change the width of one or two of the boxes on the Record a Transaction screen, you can do that, too!

  1. Figure out which field you want to make larger/smaller.
    Each field has a unique ID - metadata1, metadata2, etc. So all you need to know is the field - is it the 5th field? Then the ID you need is metadata5.
  2. Go to Admin Stuff > Look & Feel.
  3. Scroll down to the Custom JS/CSS Code box.
  4. Add this CSS to the box, changing the metadata field to the appropriate field number and the width of 175px to whatever size you want that box to be:
    <style>
    #metadata5 { width:175px; }
    </style> 
  5. Click Save

Other Answers / Comments (0)

    Need Support?

    Questions about guides?

    Check the Guide FAQ instead!

    Questions about LibCal or LibAnalytics?

    Check our Help Guides, or

    Email support@springshare.com!

    Support:

    • search / submit a question here,
    • check out our Help guides,
    • or email support@springshare.com.

    Follow LibGuidesFAQ on Twitter Follow us on Twitter!
     Your questions, answered!

    Browse by Popular Topics

    View All Topics

    Related content from Springshare Help