MariElisabeth

Thank you!!

Thank you tuanphan, 

however, that doesn't seem to make a difference. It seems to me that we would change the line height?

https://manteconstudio.com/

https://manteconstudio.com/

When I look at the announcement bar on mobile, the line height is messed up and scrunched together. 

This is the code I tried using. It's nice that it makes the bar bigger on mobile, but now I need to adjust the line height. 

@media screen and (max-width:991px) {
.sqs-announcement-bar-text { height: 10vw !important;
line-height: 40px !important;
}
}

Yes! This worked. Thank you so much. 

Yes, thank you! 
https://manteconstudio.com/30-day-art-prompt-journey/week-two

I uploaded a video to Squarespace (originally on YouTube). I found out that the quality is better when I upload to Squarespace btw~ HOWEVER, the "custom featured image" I added gets cut off when I am on the mobile version. How do I fix this? 

Yes! However, I think there is something more important here I would like to accomplish and that depends on the margin print settings?

On this page 

https://www.sfinternationallitfest.org/itinerary-template-print-button-1

When I go to print the logo on the left and the button are moved above the text "column" on the right with a huge gap in between. Do you know how I can reduce that gap? 

Thank you!!

thank you! 

I have a version of this with a PDF print button (https://www.sfinternationallitfest.org/itinerary-template-print-button), but in this version, I want to see how I can use CSS to format it to print full width. 

https://www.sfinternationallitfest.org/itinerary-template-print-ss

Attached is how it looks when printing and I would love the extra couple of words to make it onto the previous line. 

Here is the code that I am using, and I know it's not correct 🙂 
 

@media print {

  /*resize the content*/
  .content-wrapper {
    width:100% !important;
    margin:0px !important;
    padding:0px !important;
    color: #000;
    background-color: #fff;
  }}

apologies! It is 

https://www.sfinternationallitfest.org/itinerary-template-2

Thank you that worked! 

Then I added this to take the Sale of the page of the page when you click on it too. 

#productDetails .product-mark {
    visibility: hidden;
}

This is the code I used and it works on the shop page, but then it shows up when I click on the actual workshop. Can someone help me figure out what I need to change? Thank you!!

/* Sale out to Early Bird */
.product-mark.sale {
    visibility: hidden;
}
.product-mark.sale:before {
    visibility: visible;
    content: "Early Bird!";
  background-color: #1f1f1f !important;
    position: absolute;
    left: 42%;
  top: 1px;
    transform: translateX(-50%);
      padding: 2px 7px;
}

On 1/18/2023 at 3:33 PM, creedon said:

There are several ways you can slice this pie depending on the exact effect you are going for. This one is specific to the URL you provided.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  #item-5f86045ffbf95e018ffd5743.collection-type-products .product-quantity-input,
  #item-5f86045ffbf95e018ffd5743.collection-type-products .sqs-add-to-cart-button-wrapper
  
    {
    
      display : none;
      
      }
      
  </style>

Let us know how it goes.

19 minutes ago, MariElisabeth said:

This worked! Thank you so much. Can you please let me know how I would find the #item if I would like to do this for another item in the store. For example here https://manteconstudio.com/mentorships/dive-deep-2022

Also! Forgot to mention I would like to remove the price even though it says $0.00

 

Ok So I figured out how to find the ID#

But in terms of hiding the price for only certain products in my shop I have to do a similar thing?

On 1/18/2023 at 3:33 PM, creedon said:

There are several ways you can slice this pie depending on the exact effect you are going for. This one is specific to the URL you provided.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  #item-5f86045ffbf95e018ffd5743.collection-type-products .product-quantity-input,
  #item-5f86045ffbf95e018ffd5743.collection-type-products .sqs-add-to-cart-button-wrapper
  
    {
    
      display : none;
      
      }
      
  </style>

Let us know how it goes.

This worked! Thank you so much. Can you please let me know how I would find the #item if I would like to do this for another item in the store. For example here https://manteconstudio.com/mentorships/dive-deep-2022

Also! Forgot to mention I would like to remove the price even though it says $0.00

Hello! 

I have looked this thread and tried a couple things. Still having trouble. I want to remove the "Add to Cart" and "Quantity" from on of my products in a store. Here is the URL:  https://manteconstudio.com/mentorships/consultation

Thank you so much!

Site URL: http://www.manteconstudio.com

I am using the custom CSS code as suggested and then uploading the images through the button "Manage Custom Files." It's not working. Do they images need to be a specific size? Or do I upload the images another way? Thank you.