Jump to content

rwp

Circle Member
  • Posts

    1,008
  • Joined

  • Last visited

  • Days Won

    14

Everything posted by rwp

  1. @theresa.southern I am finalizing an anchor link code for 7.1 that I have been working on for a while. I think I have it almost done.
  2. I need a link to your webpage to check
  3. You don't need any CSS, and it won't work anyway. The code you are using moves the content of .ProductItem-description, not the entire div, so after you move it, it is no longer part of that class. You need to put the jquery script in the header injection. There are directions on how to do that in my signature.
  4. Yours is insert after product title mine is after product price.
  5. #collection-5ee795ccc2a2f40b8c32d7d7 .category-filter-list li:nth-child(1) { order: 1; } #collection-5ee795ccc2a2f40b8c32d7d7 .category-filter-list span:nth-child(2) { order: 2; } #collection-5ee795ccc2a2f40b8c32d7d7 .category-filter-list li:nth-child(3) { order: 7; } #collection-5ee795ccc2a2f40b8c32d7d7 .category-filter-list span:nth-child(4) { order: 4; } #collection-5ee795ccc2a2f40b8c32d7d7 .category-filter-list li:nth-child(5) { order: 3; } #collection-5ee795ccc2a2f40b8c32d7d7 .category-filter-list span:nth-child(6) { order: 6; } #collection-5ee795ccc2a2f40b8c32d7d7 .category-filter-list li:nth-child(7) { order: 5; }
  6. Replace that code with this: @media screen and (max-width:799px) { .header-title-logo { text-align: center; margin-left: 50px; } }
  7. The code you used to move the code block only moves what is inside the code block, so the CSS is not being applied to it, because it is no longer in that div. Try this: $(document).ready(function() { $('.product-description .code-block').insertAfter('.product-price'); });
  8. @Sarahpsilva @media screen and (max-width:640px) { #block-yui_3_17_2_1_1593024627138_17518 .sqs-gallery-design-grid-slide { width: 33.33% !important; } }
  9. Change the first line of the code to this, your elements have different names than the other persons page. $('.product-description .markdown-block').insertAfter('.product-excerpt');
  10. You could set the background of the div manually to the URL of the image, and then hide the image tag. That's what they did in the link you posted. You would need to manually do it for each section. [data-section-id="5f0756efed03a802582b95aa"] .section-background img { display:none; } [data-section-id="5f0756efed03a802582b95aa"] .section-background { background: url('https://images.squarespace-cdn.com/content/v1/5ee0ee00a0a12e14f700c502/1594316294831-H3VJXJTZAZNJI3G2QK5N/ke17ZwdGBToddI8pDm48kBQ_OmUn0XNjqwyBYOIFwXV7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0p5uBJOnOmCWBN4JfYsIDyRB3ELHLLET9s1anQygWAMDSh6zbPa8Vo37A4r2-aOSIQ/IMG_1660.jpeg?format=2500w'); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; }
  11. Remove the code from above and give this a try: .section-background img { position: fixed !important; }
  12. Are you trying to do it to all of the sections? Try adding this to design -> custom CSS .section-background { position: fixed !important; left:unset !important; }
  13. @k3ats Glad it worked for you. I don't know who originally wrote that code, but with a few small tweaks it looks pretty sharp. Have a great one.
  14. It looks like you have a second code for the accordion in the header. Also, as far as relocating it, your theme is laid out differently, where exactly do you want it to end up?
  15. Try using copy and pasting all of this code into the footer code injection area (directions in my signature on how to do that). https://jsfiddle.net/pelletr1/x6sqo4nc/20/
  16. We got that working for @GabrielaS, might work for your page as well.
  17. That's kind of cool. Anyway, do you have a business account on squarespace? If you do, we can use that jsfiddle code to get you going.
  18. Your script tag is incorrect for the jquery file. You also need to replace blank.gif with a url to a blank image.
  19. #collection-5e6fc99f4c83170df780908e .Site.loaded .Cart { filter: invert(1); }
  20. It works fine on both of my devices, but I am going to guess that some browsers aren't supporting letter-spacing: 0; Try letter-spacing: 0px; or letter-spacing: normal;
  21. Please link to your pages so I can check what needs to be done.
×
×
  • 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.