Jump to content

e2astudio

Circle Member
  • Posts

    751
  • Joined

  • Last visited

  • Days Won

    8

e2astudio last won the day on April 11

e2astudio had the most liked content!

Personal Information

Recent Profile Visitors

2,442 profile views
  1. There is script in there. That's not CSS. Move that to Code Injection before you try to evaluate any CSS issues.
  2. 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.
  3. Whoops, my error - I corrected my post too. Change `data-src` to just `src`
  4. You can, but there's no easy way to hide it when it's placed using Fluid Engine. Instead, place the image in a Code Block wrapped in a `<div>` - something like this: <div class="payment-icons" style="text-align:center;"> <img src="https://images.squarespace-cdn.com/content/v1/627082fb22c34f331451d6b6/edb21702-9537-470f-a4a5-e349ea0d099c/Payment+Processor+Icons+1.png"> </div> Then, with that Custom CSS snippet above, you should be okay to go.
  5. I see. I misunderstood - I thought you already had that figured, just needed help to show only on cart. It will take some custom code to complete using .svg icons. You can't do it with a traditional image from a gallery.
  6. This Custom CSS will hide the site header and footer on the homepage only, where you've added your video and enter button. /* hide header and footer only on homepage */ .homepage { header, footer { display:none; } }
  7. Consider providing a link to your site so people in the community can help. ul.sqs-tagcloud {text-align: center;}
  8. Consider providing a link to your site so people in the community can help.
  9. Pretty sure Overlay is available as a toggle on the image block design tab?
  10. @paul2009 is correct. You could add your payment icons using a code block so you can add a class to the icons wrapper element. Then hide it everywhere except the cart with a custom CSS snippet like this: /* cart id not target */ body:not(#cart) .payment-icons { display: none; }
  11. Nope. You could create a Squarespace page, and use a Code Block and paste your code I guess.
  12. I do see a JavaScript error in the console that could be blocking the images from loading? Not sure. Otherwise, there is generally a Site Styles option to toggle images on or off for the Blog List, depending on what template you're using.
  13. 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.