How can I move the 'in stock' label next to the price on my Warehouse theme?

Store Design
1

Hi

Pls could u provide the solution to moving “in stock” next to/in level with the price, attached examples below

Theme: warehouse

URL: tennisgiant.com

Wanted result:

chrisjames11_0-1659479882714.png
chrisjames11_0-1659479882714.png399×167 11.6 KB

current:

chrisjames11_1-1659479882773.png
chrisjames11_1-1659479882773.png999×618 39.7 KB

Cheers

2

@chrisjames11
Hello,

.product-form__info-item.product-form__info-item--quantity {
	clear: both;
}
.product-form__info-item {
  float: left;
  width: 50%;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

This Solution Its Useful Please Like and Accept Solution

Like This

oscprofessional_0-1659510768584.png
oscprofessional_0-1659510768584.png1497×670 49.7 KB

3

how cs=an i add more space between the price and stock status? @oscprofessional

4

how can i add more space between the price and stock status? @oscprofessional ???

5

how can i add more space between the price and stock status? @oscprofessional ???

6

@chrisjames11
Hello,
first add different class in-stock section
go to your online store > edit code > product.liquid
Search “.product-form__info-item” this class and add different class
then after apply css
Example

.product-form__info-item {
  float: left;
  width: 70%;
}
.instock {
width:30% !important
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid
if not resolve your issue please share your store Details I wiil provide proper solution
Thanks
Please Like and Accept Solution