How to remove "all" category from shop in Tresoire and edit button on forms to full width

Site URL: https://www.enjoyyourstyle.co.uk

Hi,

Looking to remove the "all" category from my shop as it lists ALL the products instead of just the categories T-shirt and Felpe (Sweatshirt). Also looking to expand the Invia (Send) button on the About page to full width on mobile.

Thanks in advance

Does this work for you? Here is Custom CSS
 

/* remove ALL from products list */
section.products-list nav {
  display: none !important;
}



/* make SEND button on About page larger on mobile ONLY */
@media only screen and (max-width: 441px){
  #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] {
    min-width: 18rem !important;
  }
}

11 hours ago, tazmeah said:

Does this work for you? Here is Custom CSS
 

/* remove ALL from products list */
section.products-list nav {
  display: none;
}



/* make SEND button on About page larger on mobile ONLY */
@media only screen and (max-width: 441px){
  #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] {
    min-width: 18rem;
  }
}

Hi thanks for this - it isn't working in Design > Custom CSS - do I need to do anything else?

Please try adding the "!important" to both lines, to make sure no other rules are competing. Like so.

/* remove ALL from products list */
section.products-list nav {
  display: none !important;
}



/* make SEND button on About page larger on mobile ONLY */
@media only screen and (max-width: 441px){
  #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] {
    min-width: 18rem !important;
  }
}

On 1/6/2021 at 5:17 PM, tazmeah said:

Please try adding the "!important" to both lines, to make sure no other rules are competing. Like so.

/* remove ALL from products list */
section.products-list nav {
  display: none !important;
}



/* make SEND button on About page larger on mobile ONLY */
@media only screen and (max-width: 441px){
  #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] {
    min-width: 18rem !important;
  }
}

 

Unfortunately nothing changes when adding anything to custom CSS. I'm using the Tresoire template if that helps

Is there any other code in your Custom CSS? If so, can you paste it all here? Thanks.

@andrea_liuzzi Add this code to Settings > Advanced > Code Injection > Header

<style>
  ul.nested-category-children {
    display: none !important;
}
  @media screen and (max-width:767px) {
 body#collection-5ff259a0e293bc1fe287bdf6 .newsletter-form-button-wrapper.submit-wrapper {
    min-width: 18rem;
}
  }
</style>

On 1/7/2021 at 9:39 PM, tazmeah said:

Is there any other code in your Custom CSS? If so, can you paste it all here? Thanks.

Hi sorry for the late response - there isn't any other Custom CSS in the code box just the one you gave me.

On 1/10/2021 at 6:38 AM, tuanphan said:

@andrea_liuzzi Add this code to Settings > Advanced > Code Injection > Header

<style>
  ul.nested-category-children {
    display: none !important;
}
  @media screen and (max-width:767px) {
 body#collection-5ff259a0e293bc1fe287bdf6 .newsletter-form-button-wrapper.submit-wrapper {
    min-width: 18rem;
}
  }
</style>

 

Still doesn't work - not sure why!

Hi it's Juelz. 


I would like to do the same thing.
--> When clicking on the "shop":
Have the shop categories not only appear on the sidebar BUT have them shown as boxes where now are all products showing in random order. 

I have an example shop page from weebly:
https://www.magicalmarket.net/shop.html
It shows all categories to then be clicked on before seeing the individual products. Is that possible in Squarespace?

To have it more organized on the first look.  
I tried all CSS codes above and none worked on my end. I'm using the Hester Template.

I just started my page and am new to it. But I was thinking about a few solutions.
If the Weebly shop organization doesn't work on SS, would it be best to:
- create a "Shop" Folder in Navigation bar
- Add blank page with images to be linked and directed you to unlinked shop pages of each category?

If that's the case, would I then use "posters" to add the link,  so I can write the categories on them? Or can I add centered text on images........or do I have to edit an image beforehand and add the font to the image in before uploading?

Thanks in advance.

On 2/12/2021 at 10:34 AM, Juelz said:

Hi it's Juelz. 


I would like to do the same thing.
--> When clicking on the "shop":
Have the shop categories not only appear on the sidebar BUT have them shown as boxes where now are all products showing in random order. 

I have an example shop page from weebly:
https://www.magicalmarket.net/shop.html
It shows all categories to then be clicked on before seeing the individual products. Is that possible in Squarespace?

To have it more organized on the first look.  
I tried all CSS codes above and none worked on my end. I'm using the Hester Template.

 

I just started my page and am new to it. But I was thinking about a few solutions.
If the Weebly shop organization doesn't work on SS, would it be best to:
- create a "Shop" Folder in Navigation bar
- Add blank page with images to be linked and directed you to unlinked shop pages of each category?

If that's the case, would I then use "posters" to add the link,  so I can write the categories on them? Or can I add centered text on images........or do I have to edit an image beforehand and add the font to the image in before uploading?

Thanks in advance.

Do you still need help on this?

Thanks Tuan. I JUST finished the Shop page by adding images on a blank page, which I then linked to Shop categories. The Shop $ page with categories is in the non linked section now. And I created the thumbnail with text in Illustrator as this was easiest. 

Is there now a way to remove the

/ALL

above shop category which appears once I'm in one of the categories? 
 

12 hours ago, Juelz said:

Thanks Tuan. I JUST finished the Shop page by adding images on a blank page, which I then linked to Shop categories. The Shop $ page with categories is in the non linked section now. And I created the thumbnail with text in Illustrator as this was easiest. 

Is there now a way to remove the

/ALL

above shop category which appears once I'm in one of the categories? 
 

Add to Design > Custom CSS

/* remove text All */
nav.nested-category-breadcrumb {
    display: none !important;
}

On 2/19/2021 at 3:11 PM, tuanphan said:

Add to Design > Custom CSS

/* remove text All */
nav.nested-category-breadcrumb {
    display: none !important;
}

 

THANK YOU! It's gone.

Are you able to tell me how the picture and the product title/info can be aligned? The product title is now lower than the product photo when clicking on it. 

https://terrier-cow-em9s.squarespace.com
pw: ZZZZJJJJ

On 2/14/2021 at 12:50 PM, tuanphan said:

Do you still need help on this?

If there is an "easy" way, yes. I created thumbnails of illustrations with the category names and added links to them which lead to shop categories. So I hit the actual shop landing page. 
 
If possible I'd love to use photos as category thumbnails and just write a text over them so it remains easily editable going forward. 
Is that somehow possible?

https://terrier-cow-em9s.squarespace.com
pw: ZZZZJJJJ