Jump to content

ellisb1

Circle Member
 View Profile  See their activity

  • Posts

    17

  • Joined

  • Last visited

 Content Type 

Everything posted by ellisb1

  1. ellisb1
    @creedon I know the code says that only the listed templates are supported, is there any chance of new templates being added in the future to support this code? I attempted to inject the code into store page: https://www.studio-lawrence.co.uk/artwork/available-paintings (Password 1234) but this didn't work. Any ideas or alternatives I can try to display a message on the empty category?
  2. ellisb1
    I figured it out - just need to add the media query - thank you!
  3. ellisb1
    Me again! So this worked perfectly on desktop but it looks a bit wonky on mobile - how can I either adjust the width so both fit on the same line on mobile or (which is more ideal) would be to have the frame finish variant below the size variant on mobile only?
  4. ellisb1
    This worked perfectly, thank you for your help!
  5. ellisb1
    Thank you for this! This did have the desired effect of moving the variants side by side but how can I now move the 'Frame finish' variant to be closer to the first variant? Ideally, I would like something that applies this to all of the product pages so I wouldn't have to add new code for each page if that makes sense. Is there a way to move this variant and inject into header? Thanks!
  6. ellisb1
    I also just realised that moving the variant using the code #yui_3_17_2_1_1656125416681_539.variant-select-wrapper { right: 90px !important; } targets only the variant on that one page. Is there a simpler way to move that 'Frame Finish' variant on ALL product pages without needing to target each one specifically? Thanks
  7. ellisb1
    I should add that I tried adding #yui_3_17_2_1_1656125416681_569.variant-option-title { right: 90px !important; } but this did not work. Thanks
  8. ellisb1
    Site URL: https://cello-gerbil-ekze.squarespace.com/shop-D52uj-ksrCn/p/grounded-in-black-9g29f-546dy-377lg Site page: https://cello-gerbil-ekze.squarespace.com/shop-D52uj-ksrCn/p/grounded-in-black-9g29f-546dy-377lg Password 1234 Hey - I hope you can help. I am wanting the variants on my product page to be closer together. I was able to move the 'Frame Finish' variant dropdown but can't for the life of me find the correct CSS to move the title. See attached image. How can I target one variant title specifically and move it to be in line with the below dropdown? Thanks
  9. ellisb1
    Hey there, So the page with the image loading issue appears to be the home page - https://www.mplusa-studio.com/. The images that are not loading are the ones under "Recent Projects" . If it makes a difference, I am adding these images using code block because I added the hover over effect to change the image on hover. The contact form issue, I did not change anything but my client says she can see the issue with the line being cut off. I myself cannot see this issue on my device and from your response I gather that you cannot either. Thanks!
  10. ellisb1
    Site URL: https://www.mplusa-studio.com/ Hey, Wondering if someone can help since I can't replicate on my side but my client can. There is quite a lot of custom CSS on the site which I'm wondering if that if what is causing the image loading issue. Seems to be when my client loads a page on mobile and then clicks back, two images on the landing page no longer load. See attached screen recording. Is there anything I can do to resolve this issue or is this simply due to the site load time? I have tested on my side and can't replicate the same issue so wondering if this is also device specific? Also, on the contact page (Mobile view) - https://www.mplusa-studio.com/contact - the client sees part of the left side of the contact form cut off. Also shown in the attached screen recording. I again can't replicate this when testing on multiple devices. Is there anything I am missing here? As always, thank you community for your help! RPReplay_Final1654201612.MP4
  11. ellisb1
    Hi Tuanphan, Apologies for the delay, I did fix issue. Seemed to be a plugin issue that the owner corrected! Thanks!
  12. ellisb1
    Hi Tuanphan - apologies. The password is 1234 Trying to add the spilt section to all of these pages: https://mplusastudio.squarespace.com/design-by-space https://mplusastudio.squarespace.com/new-construction https://mplusastudio.squarespace.com/consultation-project-management Thanks!
  13. ellisb1
    Site URL: https://mplusastudio.squarespace.com/config/design/custom-css Hi there, Hoping someone can help. I used a split section plug in to display images on the right and text on the left. On the page https://mplusastudio.squarespace.com/config/design/custom-css, I have broken each category up into different 'sets' of the split section. For example, Kitchen text to the left is section 1 of split and kitchen images to the right is section 2 of the split. This is then repeated for 3 other categories, 2 splits at a time. Code injection used for each split section on the page is: <div data-wm-plugin="split-sections" data-split-count="2" data-split-widths="40%, 60%,"></div> Does anyone have any idea how I can align the text to the left with the images to the right? I've tried with various code and adjusted the alignment in squarespace sections themselves but the text just doesn't seem to align with scaled on different devices. Any ideas or code that would help would be greatly appreciated. For reference, the plugin I used was https://www.will-myers.com/products/p/split-screen-layout-design-pack. Thanks!
  14. ellisb1
    Hey there! Sure, sorry for the confusion. See attached a screen recording showing what I'm trying to achieve in the header. Screen Recording 2022-05-02 at 07.57.27.mov The site I am referencing is https://www.eyrc.com/. You can see on the site I'm building here https://ray-gecko-tfeg.squarespace.com/ (Password TEST1234). I was able to achieve this using a regular text block here: I just don't know how to achieve this in the header. Does that make more sense? Thanks!
  15. ellisb1
    Site URL: https://ray-gecko-tfeg.squarespace.com/ Hi there, wondering if someone can help because this is driving me mad. I am trying to create a hover to reveal effect in my header navigation. See an example attached of what I'm trying to achieve. I was able to achieve this effect for regular text by inserting the following into a code block: <div id="hover-div"> A<span id="hover-element">bout</span> </div> <div id="hover-div"> C<span id="hover-element">ontact</span> </div> <div id="hover-div"> S<span id="hover-element">ervices</span> </div> and then adding the following to the CSS editor: #hover-element { display: none; position: absolute; } #hover-div:hover #hover-element { display: inline !important; } This had the following effect on my actual page: I am wanting to do this effect with each menu item in the navigation header but can't seem to figure out the code to achieve this. Does anyone have any suggestions or code to achieve this? Test website is https://ray-gecko-tfeg.squarespace.com/ and the password is test1234 Thanks in advance!
  16. ellisb1
    Hi there, thanks for your reply! Unfortunately, I am aware of this feature and have tried this already. When adjusting the settings here, this actually changes the size of the image which I do not want. I am happy with exactly how the image and text appear in terms of sizing, I just simply want to move them further apart without adjusting anything else. I was hoping there was some CSS that would allow me to achieve this. Any feedback or suggestions are welcome!
  17. ellisb1
    Site URL: https://oval-disc-ldbs.squarespace.com/ PW for test site is testsite1234 Hi there, I have added a image card block to the top of my home page and whilst I like the design overall, I would like to increase the margin/padding in between the image and the caption title section to the left. I attempted to do this using the section width but this alters the height of the block as well which I do not want. Does anyone know how to achieve this? See screenshot below
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources