Reduce spacing between title and dropdown

Highlighted

I followed a tutorial on how to add code to make a dropdown menu, but I found that the space between the title and the dropdown is more than other forms of text fields. The code is below. Can I manually reduce spacing between the title and the dropdown by adding code? If so, what would that code look like? Thank you!

 

<p class="line-item-property__field">
<label>Placement</label><br>
<select required class="required" id="placement" name="properties[Placement]">
<option value="Center">Center</option>
<option value="Bottom Left">Bottom Left</option>
<option value="Bottom Right">Bottom Right</option>
<option value="Top Left">Top Left</option>
<option value="Top Right">Top Right</option>
</select>
</p>

 

 

 

0 Likes
Highlighted

Hello @InfinityParkour 

Please share your site url.
So that i can check and let you know the exact solution here.

Thanks...

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

https://grandengravings.com/products/passport-holder

I just bought the domain, so it may still say insecure. 

0 Likes
Highlighted

Hello @InfinityParkour 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->timber.scss.liquid

@media screen and (min-width: 769px) {
.single-option-selector, .quantity-selector {
	width: 30% !important;
}
}
.uploadkit-label {
	padding-right: 20px;
}
.uploadkit-label {
	padding-right: 20px;
}
.product-single__quantity {
	margin-bottom: 0 !important;
}
.product-single__quantity #Quantity {
	margin-bottom: 0;
}
.single-option-selector, .quantity-selector {
	width: 30% !important;
}

Hope this will work for you.
Thanks!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes