ArminB

Hey again!

1) I guess you have different color themes on the pages so you have a different starting point based on the applied color theme
(top right the brush icon > COLORS)
You're already on the right track. also, check out ...--hover when moving your mouse over the folder items

2)
.header-nav .header-nav-item--folder .header-nav-folder-content {min-width: 0px;} should do it

Hi!

add the following code
 
<style> .header-title-text a {color: red !important;} </style> To the header of the specific page

> go to WEBSITE
> go to the page
> click the gearwheel icon (settings of this page)
> past the CSS to ADVANCED > CODE INJECTION
you can use any HEX color code instead of "red"

Hey!

Try this:
 
//Transparent Background .header-nav-folder-content {background-color: rgba(0, 0,0, 0) !important} //Adds a little fade-in animation .header-nav-folder-content { transition: transform 2s; transform: translateY(15%) !important;} .header-nav-item.header-nav-item--folder:hover .header-nav-folder-content { transform: translateY(0) !important; transition: transform 0.5s;}  

Hey!

Issue 1: Just make a screenshot of the first frame of the video and use this as the fallback. This should be a smoother experience.

Issue 2: Most browsers would block background video autoplay anyway so rather not 🙂
https://developer.chrome.com/blog/autoplay/

Hey!

For the product overview grid you can simply hide the pricing: (Section settings)

 
For the product detail page, you just need the following CSS
(add it to DESIGN > SITE STYLES > CUSTOM CSS
.product-price {display:none} .ProductItem-details .sqs-add-to-cart-button-wrapper {display:none}
if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)


It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets

The result on our own page:
https://www.braunsberger-media.com/websites
 
 
 

Hey!

For the product overview grid you can simply hide the pricing: (Section settings)

 
For the product detail page, you just need the following CSS
(add it to DESIGN > SITE STYLES > CUSTOM CSS
.product-price {display:none} .ProductItem-details .sqs-add-to-cart-button-wrapper {display:none}
if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)


It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets

The result on our own page:
https://www.braunsberger-media.com/websites
 
 
 

Hey!

For the product overview grid you can simply hide the pricing: (Section settings)

 
For the product detail page, you just need the following CSS
(add it to DESIGN > SITE STYLES > CUSTOM CSS
.product-price {display:none} .ProductItem-details .sqs-add-to-cart-button-wrapper {display:none}
if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)


It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets

The result on our own page:
https://www.braunsberger-media.com/websites