Customize dropdown in Product page

Hello everyone,

Does anyone know what to target to add some custom CSS and modify the dropdown options in a product page? Attached an image to show what we want to customize. 

On 6/10/2020 at 1:55 AM, richcruz01 said:

Hello everyone,

Does anyone know what to target to add some custom CSS and modify the dropdown options in a product page? Attached an image to show what we want to customize. 

 

Do you want to change product option or change its style?

Hi @bangank36, I would personally like to get the same result than the one showed previously but from a product block. Here's the link: dachshund-crane-s64k.squarespace.com/nouvelle-page.
I would also like to move the price below and place is just above the add to cart button, but my ability to customize the form is limited to hiding words 😅.
Password is... 'password'
Thanks in advance for any help.

@nicolusse88 Hi. It looks like you solved with this CSS?

.product-block .productDetails {
    display: flex;
    flex-direction: column
}

.product-block .product-price,.product-block .sqs-add-to-cart-button-wrapper {
    order: 1
}

.product-block .productDetails .product-price {
    margin: 0 0 0 0
}

@tuanphan, for the price it's all good.