Jump to content

melody495

Circle Member
  • Posts

    756
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by melody495

  1. Edit: I think the main problem is your custom code are using deprecated syntax. e.g. align and font tag are deprecated (html4), so you might need to check all your custom code to make sure they work for html5. This line, the style syntax is wrong. Change from <h1 align="center"><font color="#FFFFFF"> to <h1 align="center" style="color: #FFFFFF"> Or you can change the font colour in this block, by adding color: #FFFFFF .txt-type > .txt { border-right: 0.08rem solid #fff; padding-right: 2px; /* Animating the cursor */ animation: blink 0.6s infinite; } Also, not sure if align="center" is working for you. If you can share a link to your website, can check easier. If this has helped you out, let me know by marking as solution, or choose a reaction ----> 👇
  2. It happens! Change the below to new line .sqs-block-form .field-list .caption { to .sqs-block-form .field-list .caption-text { "Required" is part of the "Your Name" title. Best to move the text "Required" to after "First Name" and "Last Name", so you can set the font. Edit: so type "First Name (required)" and "Last Name (required)". and remove from "Your Name".
  3. Ah ops. Yeah the code solution should definitely be the solution, I just gave direction 🤣 glad it worked out!
  4. Display none doesn't remove the element, it's still there, just not showing. In your case, first-letter is styling the quotation mark in the <span>. But, Firefox (sounds like safari also) treats certain characters as letters. In your case the quotation in the span is the first-letter. A bug perhaps? But any characters around the first real letter is being treated as part of the first-letter selection, so it's just lucky that it worked on Firefox (and safari). Not sure what's the best solution. Let's see... or someone else might be able to help. Edit: assuming there is no built-in option to use your own quotation mark in the block?
  5. You can upload your own image and replace the <img> scr link in the code with yours. https://insidethesquare.co/resources/upload-image
  6. I see the title is white already? Remove that and try adding this below item-pagination-title { color: white; } item-pagination-icon svg { stroke: white; }
  7. Hi, let's tackle everything except the code block for now. Have you tried going to Site Styles (brush icon top right) -> Colors to change the corresponding text color for each of the element you are referring to? No code.
  8. Hi, for custom code, try Website -> scroll to the bottom of Pages, click Website Tools under Utilities -> click Custom Code. What's the first page you see when you click on Site Styles?
  9. Hi, your css uses Cardinal Fruit for the .title, but you don't have a custom font for that. You have Cardinal Fruit Regular and Italic installed. Can you change that and see?
  10. Link to your website please? Does adding this to the block work? color: white;
  11. Hi try this #block-yui_3_17_2_1_1698446164876_34675 .sqs-svg-icon--list { display: flex; justify-content: space-between; } This will add space between the icons. Resize the block to how wide you want your icons to span
  12. You need Business Plan or above to use custom code. Try go to Site Styles -> Colors -> choose the relevant themes for your section, click edit -> Find Summary Block -> Excerpt Color
  13. You're very welcome 🙂 Please mark as the solution if worked
  14. Try this? This targets all summary blocks. .summary-item .summary-excerpt p{ line-height:0px; }
  15. Set up a password of your trial website and share the link and password please. So can see what's going on, otherwise have nothing to go on but guess!
  16. Inspect to see what's taking up the space, or please share your website and password if applicable
  17. Hi, probably don't want to change the section margin. Try the below code in your custom css? // makes the slideshow part smaller .user-items-list-carousel__gutter { padding-left: 10vw; padding-right: 10vw; } // Gives more padding between the arrows and the edge of the container .user-items-list-carousel__arrow-wrapper--left { padding-left: 2%; } user-items-list-carousel__arrow-wrapper--right { padding-right: 2%; } Let me know how it goes.
  18. Thanks! It seems to have disappeared on its own, then came back again... Will see if it still happens once started the subscription. Edit: this worked! A smaller black line kept appearing and disappearing is something else.
  19. Masonry can change the ordering (I can see it changing when I resized). Use Grid if you don't want it to change the order. Edit: Grid Simple I meant to say!
×
×
  • 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.