rocketbase

Can someone please post the solution for getting the cart icon to display. Thanks

Thanks @SaranyaDesigns. That works great. Much appreciated.

@SaranyaDesigns Sorry, yes. URL is https://www.westgateone.co.uk/rent-studios/p/premium-studio-a

I'm trying to make the product carousel crop from the center once the page is below 1360px wide. I have it pretty much working, but can only get it so the images are cropped from the right edge inward.

Code is presently set as:

/*Product Gallery Responsive Fit Adjustment*/

 @media screen and (min-width:1360px) {.ProductItem-gallery-slides img {
    height: auto !important;
    width: 50vw !important;
    overflow-x: hidden !important;
  }
.ProductItem-gallery div {
    height: auto !important;
   }}

 @media screen and (max-width:1359px) and (min-width:767px) {
.ProductItem-gallery-slides img {
    min-height: 480px !important;
    width: auto !important;
    overflow-y: hidden !important;
  }
   .ProductItem-gallery div {
    min-height: 480px !important;
    width: 50vw !important;
   }
.ProductItem-summary {
  min-height: 480px !important;
   } 
   .product-item-gallery-carousel-control {
     margin-top: 225px !important;     
   }}

Thanks in advance for any help offered.

Perfect. Thanks @Beyondspace That works great.

I  simplified to the below so it worked across the product list page as well.

<style>
  .original-price {
  display: block;
}
</style>

Here are the links. Ideally want the sale price and original price to be on two lines on both the product list page and the product pages themselves. Original price (price per month) on top, sales price (reservation fee) on bottom. 

https://westgate-one.squarespace.com/rent-studios

https://westgate-one.squarespace.com/rent-studios/p/classic-apartment-test-c384l-lk4ke

As you can see I've already used the Store Price Change code by @creedon to modify the pricing already.

Thanks in advance.

I want to make it so the sale price and original price are on separate lines. Original price on top, sales price on bottom. How can I do this? Any help much appreciated. Thanks.

@tuanphan

Are you able to please advise how I would remove the background and tail line from the arrows on list sections?

I was trying to do something along the lines of the below...

.user-items-list-banner-slideshow__arrow-icon-path path{d:path ('M9,90649 16,96L2.1221 9,17556L9,9065 1,39116');
    color: black !important;
      stroke: black !important;
}

The page I'm referring to is: https://themplgroup.co.uk/projects

Many thanks in advance.