IMPULSE THEME please help move vendor name above

Store Design
1

Hi,

I’m looking to make the vendor name appear above the product title for my collection page & product page.the same as farfetch or lusiaviaroma. I would like to also make it in bold if not to much work. Any help is appreciated. I’ve attached pictures my site is https://luxurymrkt.com

FD8F6264-0C0D-45A6-8C15-F685ABA47A67.png
FD8F6264-0C0D-45A6-8C15-F685ABA47A67.png1170×2532 252 KB

D247FA96-4948-4B75-A55E-B09353248D5A.png
D247FA96-4948-4B75-A55E-B09353248D5A.png1170×2532 222 KB

1 Like
2

Hi, @Luxurymrkt

Hope you are great! I would be glad to help!

  1. Go to Online Store → Theme → Edit code
  2. Asset → /theme.css → paste below code at the bottom of the file.
.grid-product__meta {
    display: flex;
    flex-direction: column;
}

.grid-product__vendor {
    order: -1;
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 11px;
}

.product-single__vendor a {
    font-size: 14px;
    font-weight: bold;
}

If you find this piece of code helpful for you, please consider buying a me coffee :slightly_smiling_face:
https://www.buymeacoffee.com/juandev

3

@Luxurymrkt

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.grid-product__meta {
    display: flex;
    flex-direction: column;
}

.grid-product__vendor {
    order: -1;
    margin-top: 0;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-weight: bold;
}