yasminva
-
Posts
34 -
Joined
-
Last visited
Reputation Activity
-
yasminva reacted to creedon in change variants font size smaller and to lowercase hawley
Add the following to Design > Custom CSS.
#cart .item-desc { font-size : 16px; text-transform : lowercase; } Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.
<style> .collection-type-products .ProductItem-details .variant-option { --font-size-scale : 0.825; /* how much to scale the font-size */ } /* do not change anything below, there be the borg here */ .collection-type-products .ProductItem-details .variant-option { --font-size : calc( var( --font-size-scale ) * 100% ); } /* begin desktop */ @media screen and ( min-width : 0 ) and ( max-width : calc( 2120px - 1px ) ) and ( orientation : landscape ) { .collection-type-products .ProductItem-details .variant-option { font-size : var( --font-size ); text-transform : lowercase; } } .product-details .variant-option select { font-size : var( --font-size ); } /* end desktop */ /* mobile */ @media screen and ( min-width : 0 ) and ( max-width : calc( 1944px - 1px ) ) and ( orientation : portrait ) { .collection-type-products .ProductItem-details .variant-option { font-size : calc( ( 1 - 1 ) * 1.2vh + var( --font-size-scale ) * 1rem ); } } </style> This is for v7.1.
Let us know how it goes.
-
yasminva got a reaction from creedon in change variants font size smaller and to lowercase hawley
thank you so much! it works perfectly
😊
-
yasminva got a reaction from creedon in Adding an image as the background on both the store page and the individual product pages (hawley)
thank you very much!
-
yasminva reacted to creedon in Adding an image as the background on both the store page and the individual product pages (hawley)
Add the following to Design > Custom CSS.
body[data-menu-overlay-theme-switcher="true"] .header-menu .header-menu-bg { background-image : url( 'https://images.squarespace-cdn.com/content/v1/60317ad0e6a8144aeb40e05b/1613944671508-Z9VP0X5DR8NIEI2T5LDG/ke17ZwdGBToddI8pDm48kDWP3gmucGRB0yXrnRBaA0IUqsxRUqqbr1mOJYKfIPR7LoDQ9mXPOjoJoqy81S2I8N_N4V1vUb5AoIIIbLZhVYxCRW4BPu10St3TBAUQYVKctE33n1k81jz6V5pOZAidoxUteKerJ8jQ0TKogSrQ8T0N_s2rOL5F7xV7-0hZeKWQ/zeroninebackground.jpg' ); } Let us know how it goes.
-
yasminva reacted to creedon in Adding an image as the background on both the store page and the individual product pages (hawley)
Add the following to Design > Custom CSS.
/* begin change cart style SS Version : 7.1 */ #cart .empty-message, ._3qWE9VU-U /* subtotal label */ { text-transform : lowercase; } ._3qWE9VU-U, /* subtotal label */ ._2JFeDgZcv, /* subtotal amount */ .item-price, .item-quantity input, ._1MDgZZPKX a /* item title */ { font-size : 14px !important; } /* end change cart style */ This is for v7.1.
Let us know how it goes.
-
yasminva reacted to creedon in Adding an image as the background on both the store page and the individual product pages (hawley)
You'll need to upload or already have a background image somewhere for this to work and have the URL of the image.
Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.
<style> /* add background image to store pages */ .sections .page-section:first-child .section-background { background-image : url( 'https://images.squarespace-cdn.com/content/v1/60317ad0e6a8144aeb40e05b/1613863251768-AD4U2Q80S138G23DQNKB/ke17ZwdGBToddI8pDm48kB633_jcvlRQCTsccOJmE2IUqsxRUqqbr1mOJYKfIPR7LoDQ9mXPOjoJoqy81S2I8N_N4V1vUb5AoIIIbLZhVYxCRW4BPu10St3TBAUQYVKcoyG10a7_y2FLsh7IlvU_kYgJOPzb97S8g5KskxYthfrHYe3GvmZQnJn2eu9uIV55/zeronine7.jpg' ); } </style> This is for v7.1.
You will need to replace the URL in the code with the URL of the image you want to use.
Let us know how it goes.