Hello,
01. Sorry to say it is not possible to directly change the positions of filters on the shop page. Try to use the Theme’s Layout Builder you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. You can use that to create your own custom layouts for these pages and rearrange the elements in page builder
Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/
02. Navigate to Products > Attributes > edit the attribute and change the swatch style here – https://prnt.sc/RpYrBatiqI0a
Best Regards,