urbansoulistic

@tuanphan

Here's another example page:

https://skims.com/products/boyfriend-t-shirt-cherry-blossom

The product page shows the color variant options but all the photos align back to one color variant , but when you click on a different color variants, the photos change to match the color variant selected.

@tuanphan

Hi!

https://www.kakeandkash.com/collections/p/sporty-crop-tank-white

I have multiple colors for my products and would like to change the color variant from having to show all the colors and their matching photos on one page to the colors being linked to their individual product pages but the page switches as the color is selected like the page noted below:

https://www.joahbrown.com/products/second-skin-tank-sueded-onyx

I hope i explained that properly. Thank you!

Hello!

I am trying figure out how to add links for product variant colors so that the photos change and align as customers click through the variant color options on my product pages.

Please help!

Thanks!

@tuanphan 

Hi! Yes, i've noted the pages below that still have a different font being used.

Product title and price on product list pages

https://www.kakeandkash.com/newarrivals

category navigation on shop pages

https://www.kakeandkash.com/collections/tops

Forms

https://www.kakeandkash.com/contactus

Other pages

https://www.kakeandkash.com/returnexchangepolicy

https://www.kakeandkash.com/aboutus

https://www.kakeandkash.com/faqs

Thank you for your help in advance!!

Site URL: https://www.kakeandkash.com/

Hi,

Need help applying custom css font across my entire site. Ive added the below css based on direction I found from other forum post but still have certain pages using different fonts. I'm not sure what I'm doing wrong. But is there a simpler way to add the uploaded fonts to my entire site across web and mobile? 

@font-face {
  font-family: TSTAR-PRO-Headline;
  src: url(https://static1.squarespace.com/static/5fa3249224b641579547ff1a/t/616250d62bdbd16f2f31a43d/1633833174078/TSTAR-PRO-Headline.otf);
}
// Custom Font //

@font-face {
  font-family: TSTAR-PRO-Bold-2;
  src: url(https://static1.squarespace.com/static/5fa3249224b641579547ff1a/t/616251665746ed57606afa17/1633833318789/TSTAR-PRO-Bold+2.otf);
}
// Custom Font //

@font-face {
  font-family: TSTAR-PRO-Medium;
  src: url(https://static1.squarespace.com/static/5fa3249224b641579547ff1a/t/62c1d3cc6bd1bb4a06c540e6/1656869836261/TSTAR-PRO-Medium.otf);
}
// Custom Font //

@font-face {
  font-family: TSTAR-PRO-Regular;
  src: url(https://static1.squarespace.com/static/5fa3249224b641579547ff1a/t/62c1d3e73c0ea87b40e75404/1656869863830/TSTAR-PRO-Regular.otf);
}
// Custom Font //

@font-face {
  font-family: TSTAR-PRO-Light;
  src: url(https://static1.squarespace.com/static/5fa3249224b641579547ff1a/t/616250f031cd26788069c011/1633833200411/TSTAR-PRO-Light.otf);
}
// Custom Fonts - Headers //

h1 {
  font-family: TSTAR-PRO-Bold-2 !important; 
}
h2 {
  font-family: TSTAR-PRO-Medium !important;
}
h3 {
  font-family: TSTAR-PRO-Regular !important;
}
h4 {
  font-family: TSTAR-PRO-Regular !important;
}
// Custom Fonts - Paragraphs //

p1, p2, p3, p4 {
  font-family: TSTAR-PRO-Light !important;
}

.product-variants * {
    font-family: 'TSTAR-PRO-BOLD-2' !important;
}
//Change Menu Navigation Font
.header-nav-item a {
    font-family: 'TSTAR-PRO-Medium';
}
a.product-title {
    font-family: 'TSTAR-PRO-Regular' !important;
}
.grid-title {
    font-family: 'TSTAR-PRO-Medium' !important;
}
.item-desc a {
    font-family: 'TSTAR-PRO-Regular' !important;
}
/* shop page */
.products.collection-content-wrapper .list-grid * {
    font-family: 'TSTAR-PRO-Regular' !important;
}
/* product block */
.product-block * {
    font-family: 'TSTAR-PRO-Medium' !important;
}
.nested-category-tree-wrapper * {
    font-family: 'TSTAR-Pro-Regular' !important;
}

Thanks for your help in advance!!!!

Site URL: https://www.kakeandkash.com/collections/tops

Hi!!

Looking for help to replace variant images to variant colors on the product collections pages and on product pages.

Photos for reference:

1st photo: how my color variants currently look on my product pages.

2nd photo: how I would like my color variants to look.

Additionally, I would still like the variant colors to be linked to the actual variant photo once clicked.

Thank you!

Site URL: https://www.kakeandkash.com/

Hi!

Would love help with moving additional info block under add to cart button for all my product pages.

Thank you!

Site URL: https://www.kakeandkash.com/

Hi!

I'm looking to add my own color hex codes so that my color variant options show up like in the first attached photo. I've added a photo of what my product page looks like now in the second photo.

Thank you!

@tuanphan

Thank you! That definitely worked but is there a way to keep the bullet points?

Thanks so much!!!

Thank you so much! That code worked perfectly!

Would you happen to now if its possible to move bullet points in the product description section to align with the product title, price, etc?

Hi! Yes, that correct. And that code worked perfectly! Thank you so much!!!!

Hope i could bother you with another question. How can I minimize the blank space between the variant buttons and the add to cart button. I would like to bring them closer together under the price?

Thank you so much!

Site URL: https://www.kakeandkash.com/

Hi!

I would love some help with removing the variant option titles from my product pages (color and size). I've already added specific css codes for the variant button options but not sure how to add code to remove the variant option titles.

Thank you so much!!!