TheXLStudio

I found a way to do it. Not ideal but has worked for me. I tagged all the products with "hide-product" then added the below code to Home -> Design -> Custom CSS. .grid-item.tag-hide-product { display: none; } This still left me with a plain white space but I just moved it to the bottom of my page and it blends between the bottom of my page content and my footer. If you have a neater solution that would be great still.

The top ones please. I want to hide the product grid, mine is currently set to 3 columns. I want to either hide this, or rearrange it to match the images below. Thanks for your help.

Site URL: https://www.thexlstudio.com/weddings/#wedding-booking I wanted to display different products on different rows on the store page. So I added a new section and then added each product (this is below my normal products section). However, I now need to hide the normal product display section from my store page. I've figured out I can hide the section with the below code, but this breaks my product detail pages as well. Could anyone help me either hide the products section on the store page without breaking the detail pages or help me customise it so it displays as I want it. Any help would be greatly appreciated. Thanks. <style> [data-section-id="5e917ef89b4c2c2999be90ec"] { display: none; } </style>

I am also looking for a fix for this. Here is a link to the product details page https://www.thexlstudio.com/studio/personal-profile I am able to invert the header image with the code below, but this adjusts it on the store page as well. Perhaps I have injected the code in the wrong place? <style> .header-title-logo img { filter: invert(1); } </style>

I am also looking for a fix for this please. My example store is: https://www.thexlstudio.com/studio/#studio-booking have a look at the first two products as an example. Would appreciate any help. Thanks.