Jump to content

e2astudio

Circle Member
  • Posts

    737
  • Joined

  • Last visited

  • Days Won

    7

Reputation Activity

  1. Like
    e2astudio reacted to Nick_SquareKicker in I've done something to my website with custom CSS & lost the social links on the mobile menu. Can anyone help?   
    Hi @goosbumps,
    I've got your DM asking for some help.  I've had a look at your site and it just looks like you are missing a closing </style> tag at the end of your CSS in your Footer.  Without this, your SQSP code is breaking the SVG's on your site. You could move your CSS to your Custom CSS area so you don't need opening and closing style tags and just leave your Scripts in your Footer.
    FYI - To reduce your code, you could do most of what your custom code is doing with SquareKicker then you won't have to worry about broken code messing up your site:  ie SquareKicker can hide your Social Icons in you overlay menu per screen size, has a built in Back to Top Button, hover animations, etc.
     
  2. Like
    e2astudio reacted to paul2009 in Month in Calendar Not Translating When Language Changed   
    @andysuchann This should not happen and should not require custom code to fix. Squarespace have confirmed that this is caused by an issue with calendar dates on their end. It has been reported to their Engineering team, and they’re currently prioritizing the issue so that it can be fixed. 
     
  3. Love
    e2astudio got a reaction from goosbumps in I've done something to my website with custom CSS & lost the social links on the mobile menu. Can anyone help?   
    There is script in there. That's not CSS. Move that to Code Injection before you try to evaluate any CSS issues.
  4. Like
    e2astudio got a reaction from goosbumps in Images change on mobile scroll   
    This can happen with images set to 'Fill,' since they grow to fit the space available. However, many mobile devices browsers change the available space due to the address bar being shown or not while you scroll. Try switching from 'Fill' to 'Fit' for the affected images. 
  5. Like
    e2astudio reacted to paul2009 in Customize order confirmation page   
    You should be able to modify the message by replacing the CSS with something like this:
    #confirmed-page {   // Order Confirmed title   h1 {     font-size: 34px!important;   }   // Order details text   p {     font-size: 20px!important;   }   // Your purchase includes digital...   h3 {     font-size: 0!important;     visibility: hidden;   }   h3:after {     content: "To access your purchase, please click the link below. Thank you!";     font-size: 28px!important;     visibility: visible;     font-weight: bold;   }   // Link to digital content   a {     font-size: 20px!important;     color: blue!important;     border-bottom: 1px solid blue!important;   } }  
    Update:
    From 07 February 2023, this accepted solution will only work for gift cards, memberships and subscriptions. This is because Squarespace have replaced the Order Confirmation page with the Order Status page for physical, digital and service product purchases.
     
  6. Like
    e2astudio reacted to paul2009 in Customize order confirmation page   
    Hi Anna
    You can style the confirmation page by adding some CSS styles to Design > Custom CSS.
    Here's an example showing how you could change the size of the various elements and style the link to be blue and underlined. You can edit this to suite your needs. I've provided some screenshots showing how these styles will affect the content. When selecting the font-size, bear in mind that larger text will push the link further down on mobile devices, often pushing it out of sight.
    I hope this helps. Let me know if you have any questions.
    #confirmed-page {   // Order Confirmed title   h1 {     font-size: 34px!important;   }   // Order details text   p {     font-size: 20px!important;   }   // Your purchase includes digital...   h3 {     font-size: 28px!important;   }   // Link to digital content   a {     font-size: 20px!important;     color: blue!important;     border-bottom: 1px solid blue!important;   } }

  7. Like
    e2astudio reacted to paul2009 in Blog Title on Post summary pages are all H1 set   
    Sadly, there's a lot of misleading information about multiple H1 headings on the internet. It dates back to a time when H1 headings would receive a keyword ranking bonus, making them more important than other headings. At that time it was important to have one H1 per page, but none of this is relevant today - even if SEO tools tell you otherwise!
    You can have as many H1 tags on a page as you want. A site will rank fine with five H1s or with none because search engines use artificial intelligence (AI) to "read" page content and determine the value; they don't rely on looking for H1 tags.
    In 2022 the purpose of a heading is to communicate what the content is about, not to rank the content. It won't affect your SEO if you have multiple H1s. 
    Did this help? Please give feedback by clicking an icon below  ⬇️
  8. Like
    e2astudio got a reaction from Noticethespace in Fixing aspect ratio for mobile product display page   
    Consider providing a link to your site so people in the community can help.
  9. Like
    e2astudio reacted to paul2009 in How to show more than 5 related products?   
    You cannot tweak the Squarespace 'Related Products' feature to show more than five products. As the Squarespace script only adds up to five products to the page, CSS cannot do anything to add more, it can only style the first five.
    To show more than five products on a product detail page, you'd need to add them manually to the Additional Info section, for example using a Summary Block or by writing JavaScript.
    Did this help? Please give feedback by clicking an icon below  ⬇️
  10. Like
    e2astudio reacted to paul2009 in Replace footer on cart page only?   
    The cart page is generated automatically - there isn't a page you can edit. To do this easily (without requiring Javascript to manually create the elements and add them to the cart page when it appears) you'll probably want to add the icons to your site footer, and then hide the icons on other pages using CSS. 
    Did this help? Please give feedback by clicking an icon below  ⬇️
  11. Like
    e2astudio got a reaction from brigidc.campbell in How can I hide the 'Quantity Select' field on a product page?   
    Looks like you have the wrong class on the quantity - it's -input not -select.
    <style> .sqs-add-to-cart-button-wrapper, .product-price, .product-quantity-input { display:none; visibility:hidden; } </style>
    Better yet, it's easier if you just hide the wrapper that holds the button and quantity like this:
    .product-add-to-cart, .product-price { visibility: none; display: none; }
  12. Like
    e2astudio got a reaction from tuanphan in How to apply custom CSS classes   
    No. Generally, there are two ways to customize page elements with CSS.
    The method @tuanphan is describing (inspect a Squarespace element and find the class already assigned by the system or template, then override or add styles to that specific class in Design -> Custom CSS) Add your own custom class with styles in Design -> Custom CSS and then add a Code Block containing the HTML with your custom class assigned.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.