Product price placement

Hi, I am using the Avenue templet. I have a few questions.

1. How can I make the price font to be bold?

2. How can I move the price to be just above the drop down menus?

See  attached image.

Thank you,

Bill

@ArtistBillPack Can your share product url? Custom code can solve.

Try this in your custom css

#productDetails {
	display: flex;
	flex-direction: column; 
	.product-title {
		order: 1;
	}
	.product-excerpt {
		order: 2;
	}
	.product-price {
		order: 3;
	}
	.product-variants {
		order: 4;
	}
	.product-quantity-input {
		order: 5;
	}
	.sqs-add-to-cart-button-wrapper {
		order: 6;
	}
	.product-sharing {
	order:7;
	}
}

5 hours ago, colin.irwin said:

Try this in your custom css

#productDetails {
	display: flex;
	flex-direction: column; 
	.product-title {
		order: 1;
	}
	.product-excerpt {
		order: 2;
	}
	.product-price {
		order: 3;
	}
	.product-variants {
		order: 4;
	}
	.product-quantity-input {
		order: 5;
	}
	.sqs-add-to-cart-button-wrapper {
		order: 6;
	}
	.product-sharing {
	order:7;
	}
}

 

Thanks!! It worked great.

Hi there! I'm looking to add this to my page as well. The custom CSS doesn't seem to be working for me. Are there any modifications I need to make to the code for it to work for my website's products? Thank you!

@colin.irwin wondering if you can help me out with my question above, thanks!

On 1/4/2020 at 11:54 PM, Savvy said:

Hi there! I'm looking to add this to my page as well. The custom CSS doesn't seem to be working for me. Are there any modifications I need to make to the code for it to work for my website's products? Thank you!

Which template are you using? Can you post a link to your site?

I want to move the Price down as well, so it is above Quantity, but the above code is not working for me in Squarespace 7.1..

Here's my site: https://platinum-polygon-p4he.squarespace.com/shop/kali 

PW: omshala