# Streamline theme

Copy paste the files in "snippets" folder, to your theme editor files.



## Custom CSS for product page widget

Below is the custom CSS for the product page discounted price widget, this is just for reference, no action required

```
.yagi-price-container{display: flex; gap: 0.5em; align-items: center; margin-bottom: 0.5em;} .yagi-price-container .price__sale { display: flex; flex-direction: row-reverse !important; justify-content: flex-end; gap: 0.5em; } .yagi-discounted-price { color: var(--color-sale-price); } .yagi-sale-badge { background-color: var(--color-sale-tag); color: var(--color-sale-tag-text); padding: 4px 6px; border-radius: 4px;} @media only screen and (max-width: 768px) { .yagi-price-container { justify-content: center; } }
```