How can I reposition the tax tag in Dawn?

[harukajmickey]

Hello all,

I am using Dawn.

I would like to move the position of tax tag to the location mentioned in the following screenshot.

Class is “product__tax caption rte”

Does anyone know how to do it?

Thank you in advance.

[oscprofessional]

@harukajmickey ,

Share the store URL ?

[harukajmickey]

oops, my bad.

Here it is.

https://hobot-japan.com/products/hobot_001

[oscprofessional]

@harukajmickey
Hello,

#price-template--14489929449538__main {
	float: left;
	margin: 0;
}
.price--on-sale .price__badge-sale {
	width: 35%;
}
.product__tax.caption.rte {
	margin-top: 45px;
}

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

Like This

[harukajmickey]

Thank you @oscprofessional

I put these codes in component-price.css but it didn’t work…

[oscprofessional]

@harukajmickey
Hello,

#price-template--14489929449538__main {
	float: left;
	margin: 0;
}
.price--on-sale .price__badge-sale {
	width: 35%;
}
.product__tax.caption.rte {
	margin-top: 45px;
}

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

[harukajmickey]

@oscprofessional

Thank you so much! It worked perfect.

[oscprofessional]

@harukajmickey
This Solution its Useful so Please Like Post

[harukajmickey]

@oscprofessional

The tag on another product page is shown like this. Do you know how to adjust it?

https://hobot-japan.com/products/hobot_003