-
Posts
1,008 -
Joined
-
Last visited
-
Days Won
14
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by rwp
-
@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.
- 16 replies
-
- squarespace-7.1
- anchor
-
(and 1 more)
Tagged with:
-
Link doesnt work.
-
Try .product-excerpt
-
I need a link to your webpage to check
- 35 replies
-
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.
-
Yours is insert after product title mine is after product price.
-
#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; }
-
Replace that code with this: @media screen and (max-width:799px) { .header-title-logo { text-align: center; margin-left: 50px; } }
- 35 replies
-
You will need to keep the script tags.
-
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'); });
-
Making Instagram on mobile show 3 images per row
rwp replied to eclemons's topic in Customize with code
@Sarahpsilva @media screen and (max-width:640px) { #block-yui_3_17_2_1_1593024627138_17518 .sqs-gallery-design-grid-slide { width: 33.33% !important; } } -
How To Install + Dropdown Accordion in a Product Description
rwp replied to divar's topic in Customize with code
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'); -
Scrolling text over a fixed background within a section
rwp replied to nsdoyle's topic in Customize with code
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; } -
Scrolling text over a fixed background within a section
rwp replied to nsdoyle's topic in Customize with code
Remove the code from above and give this a try: .section-background img { position: fixed !important; } -
Scrolling text over a fixed background within a section
rwp replied to nsdoyle's topic in Customize with code
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; } -
@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.
- 41 replies
-
- code-injection
- customized
-
(and 2 more)
Tagged with:
-
How To Install + Dropdown Accordion in a Product Description
rwp replied to divar's topic in Customize with code
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? -
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/
- 41 replies
-
- code-injection
- customized
-
(and 2 more)
Tagged with:
-
We got that working for @GabrielaS, might work for your page as well.
-
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.
- 41 replies
-
- code-injection
- customized
-
(and 2 more)
Tagged with:
-
Stop Mobile Fallback Image From Showing on Desktop
rwp replied to DevonLois's topic in Customize with code
Your script tag is incorrect for the jquery file. You also need to replace blank.gif with a url to a blank image. -
How To Install + Dropdown Accordion in a Product Description
rwp replied to divar's topic in Customize with code
The code is above, but may need tweaking for your theme. -
#collection-5e6fc99f4c83170df780908e .Site.loaded .Cart { filter: invert(1); }
- 4 replies
-
- shopping-cart
- homepage
-
(and 1 more)
Tagged with:
-
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;
-
Please link to your pages so I can check what needs to be done.