I reply to all queries on the forums and via email, once per day, Monday to Friday (not weekends).

If you are new here, please see some information on how to ask for support. Thank you!

Reply To: Styling issue with dropdowns in swap form

dashed-slug.net Forums Exchange extension support Styling issue with dropdowns in swap form Reply To: Styling issue with dropdowns in swap form

#8348
alexg
Keymaster

Hello,

All of the above can be adjusted with CSS. I do not normally give advice on this because

A. it’s the job of you or your web developer, and most importantly
B. it depends on how your theme works

In any case, I will attempt to give you CSS rules, hoping that they will match your theme’s styling rules.

1. .dashed-slug-wallets-exchange.market-order select { background-size: 2em; }

2. .dashed-slug-wallets-exchange.market-order table { margin-bottom: 0; } .dashed-slug-wallets-exchange.market-order input[type=submit] { margin-top: 0; }

3. .dashed-slug-wallets-exchange.market-order input[type=submit] { display: block; margin: 0 auto; }

4. There are actually four columns in the table, with widths set to 20% 35% 35% 10%. Here’s how you would set them to 10% 40% 40% 10%:

.dashed-slug-wallets-exchange.market-order thead th.label-col { width: 10%; }
.dashed-slug-wallets-exchange.market-order thead th.amount-col { width: 40%; }
.dashed-slug-wallets-exchange.market-order thead th.coin-col { width: 40%; }
.dashed-slug-wallets-exchange.market-order thead th.swap-col { width: 10%; }

with regards