rachyb

Hi I've just used this code and it's worked brilliant. I wondered if there is anyway to make the circle bigger please? Also is there a way to use one of your site palette colours as the colour?

Here is a link to my product page https://rachelbottomley.co.uk/availablework

I would love to change 'SOLD' on my products to a circle shaped sold badge that goes over the top right corner of the product on the main product page showing all my paintings.

I would love the badge to be the dark red colour used on my website palette with white upper case letters saying 'sold'. I have attached a photo of another website so you can see what I mean about the badge but i'd love it to be over the corner.

Is this possible? I used to have it on my last squarespace template but when I upgraded I lost the function.

Thank you!

It's worked!!!! Thank you soooo much!!! Please may I ask you to help with one more thing? Thank you for your kind words about my artwork! x

Thank you - it's https://rachelbottomley.co.uk/

The font size of my product description in my shop has changed without me editing anything. I've tried to change it back by going to assign styles and changing the font sizes of each section but when I change the size nothing happens at all. I can change the title of the product, but not the description. It is in the 'simple' layout. Thanks for your help!  

HI can anyone help me with this?

https://rachelbottomley.co.uk/availablework/p/iris-rxe5j-e9769-hrsbr-8jjhz-gfntr-32cc8-gby6a

The font size of my product description in my shop has changed without me editing anything. I've tried to change it back by going to assign styles and changing the font sizes of each section but when I change the size nothing happens at all. I can change the title of the product, but not the description. It is in the 'simple' layout. Thanks for your help!  

thanks it worked!!

thanks - unfortunately it didn't change anything

I would like the categories displayed e.g. small originals, to be smaller. I have tried using other code i've found in forums but it doesn't work. I currently have this code in my custom css:

@media screen and (max-width: 575px) {
  .products.collection-content-wrapper .nested-category-children {
    align-items: center;
    flex-direction: column;
    overflow-x: hidden;
  }
  .nested-category-breadcrumb-list-item .breadcrumb-separator {
    display: none;
  }
}

This is used to make the category tiles stacked on mobile view. I would like to add new code to make the font size smaller on desktop view, without changing the code that's already there to stack the categories on mobile view. I'm not sure how to add more code when there is already code there.

Thanks!

Rachel 

7 hours ago, Ziggy said:

You should be able to adjust this by increasing these values from 1px to 2px:

border-left: 1px solid #fff;
border-bottom: 1px solid #fff;

worked perfectly - thanks!

hello - i've just used this code and it's worked brilliantly thank you. Is there a way to make the arrow thicker/change it's weight so it is bolder on my page? Thanks