Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

sandracheesman

Circle Member
  • Content Count

    111
  • Joined

  • Last visited

Everything posted by sandracheesman

  1. Site URL: https://bassoon-dog-tknb.squarespace.com/ Hi Guys, the site password is : SandraCB I am using this jsquery to enable the site to have nav folder links: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $( document ).ready(function() { $(".Header-nav-folder-title").eq(0).prop('href', '/aboutus2'); $(".Header-nav-folder-title").eq(1).prop('href', '/wines2'); $(".Header-nav-folder-title").eq(2).prop('href', '/sustainability2'); $(".Header-nav-folder-title").eq(3).prop('href', '/news-and-views2'); $(".Header-nav-folder-title").eq(4).prop('href', '/visit2'); }); </script> Then this code for the links: <a href="/aboutus2">Our Story</a> As you will see the Top folder nav links take you to a page connected to that title i.e Our Story - however on a mobile when the burger menu is in use when you click on 'Our Story' it does not show the 'Our Story' page it just opens the menu to ask you to click on the other pages in that folder? Thank you! @tuanphan I think maybe you may know something about this, as I have seen you talk about it on another post?
  2. Hi, I wonder if anyone can assist with the issue I am having. The site is: https://bassoon-dog-tknb.squarespace.com/ and the p/word: SandraCB My href folder navigation menu works fine, and all the links work using this jquery in the code injection: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script> $( document ).ready(function() { $(".Header-nav-folder-title").eq(0).prop('href', '/aboutus2'); $(".Header-nav-folder-title").eq(1).prop('href', '/wines2'); $(".Header-nav-folder-title").eq(2).prop('href', '/sustainability2'); $(".Header-nav-folder-title").eq(3).prop('href', '/news-and-views2'); $(".Header-nav-folder-title").eq(4).prop('href', '/visit2'); });</script> and this code for each Nav title link with the correct nav folder title: <a href="/aboutus2">About Us</a> I have then added this code with the relevant name to each paragraph on the folder nav menu page via a code block : <p id="the-history"> </p> all of this worked fine until recently, but the issue I have now is if I am on a page of the website, e.g 'Our Story' and I want to go to the 'Wildlife' section on the Sustainability page. What happens now is the link takes me to the top of the Sustainability Page but not the Wildlife section where the code block is. The links to the code blocks only work on the page they are on e.g. If I was on the Sustainability Page the link to Wildlife takes me to the correct section. It seems not to work if it is a page jump. Any ideas? Thank you!
  3. @tuanphan Thank you but unfortunately that hides the Squarespace quick view button completely including the CSS new button that I am using from above: span.sqs-product-quick-view-button:after { visibility: visible; content: "click for more info"; background: #fff; color: #100f43; padding: 10px 20px; border-radius: 5px; }
  4. @tuanphan Hi, do you know how I can hide the SS Quick View button so I can use the above css instead? Thank you!
  5. Found the answer to the alignment with this css: .ProductItem-gallery-slides-item-image { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; } .ProductItem-gallery-slides-item.selected.going-next.loaded { padding-bottom: 50% !important; } Hope this is of help to others 😊
  6. I have managed to sort out the alignment issue (this was 'content indent' in the main menu) So now I would just like to move the additional content to show under the add to cart text. Thank you
  7. Site URL: https://turbot-armadillo-ja5c.squarespace.com/ Hi Guys and Gals, The site p/w: SandraCB (the page I am using to test this is wine shop UK products, and the product is 'Heloise'. I am trying to work with the limitations on the product page. I am trying to get the following to work: 1. The Additional Info text to align with the excerpt and text above (or vice versa) (image 13) 2. The Additional Info box to run directly underneath the excerpt box so it looks as though the text continues and to lose the huge amount of dead space where the image of the wine bottle ends and the additional info text begins (all images) I have successfully used CSS to change the order of the top items, but struggling with the rest. Any ideas? Thank you!
  8. @tuanphan Hi, I have a similar issue on a Brine template with the Grid Gallery caption on my site, in that the font is actually a Squarespace font, and it shows correctly when I use the mobile screen checking facility provided by Squarespace, but when I check on my mobile (Chrome) it does not show. I have styled the Grid Gallery caption by using the following CSS: .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-family: "Charlemagne Std", Times, serif!important; text-transform: uppercase!important; font-size: 25px!important; color:#6c777f!important; } The media query I used is as follows: //style font on Grid images// @media screen and (max-width: 640px) { .sqs-gallery-block-grid .image-slide-title { font-family: "Charlemagne Std", Times, serifimportant; text-transform: uppercase!important; font-size: 25px!important; color:#6c777f!important; }} Site name: https://turbot-armadillo-ja5c.squarespace.com/ p/word: SandraCB Any ideas? Thank you!
  9. @tuanphan can it be achieved with javascript?
  10. @tuanphan Hi I have used your code which works on all pages bar the checkout page, where the logo is still 'clickable'? Any ideas? many thanks, Sandra
  11. Site URL: https://turbot-armadillo-ja5c.squarespace.com Hi, The issue relates to the first page of the website, Password: SandraCB I have used the CSS below to increase the size and font of the Gallery text, however, this code removes the French accent over the E of IDÈES. I have pinpointed the issue down to this CSS as if I remove it the accent reappears. //increase size of font on Grid images// .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-family: "Charlemagne Std", Times, serif; font-size: 22px } Can anyone help? Many thanks Sandra
  12. Site URL: https://bassoon-dog-tknb.squarespace.com Hi, My site p/word is: SandraCB My site has been working perfectly well until suddenly the anchor links I have set up on the main centred Navigation Menu only take you to the top of the relevant page, not where the anchor link is placed if you are jumping from one Navigation Page anchor link to different Navigation Page anchor link. The code injection I have in the advanced section is: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $( document ).ready(function() { $(".Header-nav-folder-title").eq(0).prop('href', '/aboutus2'); $(".Header-nav-folder-title").eq(1).prop('href', '/wines2'); $(".Header-nav-folder-title").eq(2).prop('href', '/sustainability2'); $(".Header-nav-folder-title").eq(3).prop('href', '/news-and-views2'); $(".Header-nav-folder-title").eq(4).prop('href', '/visit2'); }); </script> The code used on each Navigation Title is for example: <a href="/aboutus2">About Us</a> The anchor link on each paragraph is for example: <p id="the-history"> </p> For example: If you click on Wines and then try to click on History under the About Us menu it takes you only to the top of the About Us page, not the History section where the anchor link is placed. However if I were on the About Us page and clicked the History link it will take me to the correct anchor link for the History section on that page. Thanking you in advance!
  13. Hi @tuanphan I have not solved the issue yet, so thank you so much for replying! I have read your instructions about page ID and I 'think' I have provided it correctly? The Page ID for the wines is body id="item-5e70d8b78c15db0634d1accd The page Id for the Gifting page is body id="item-5e7b2cd92c3bfa4891a7a6b5 You have to click on the United Kingdom Flag on the home page to take you through to the actual pages. Thank you! Sandra
  14. Site URL: https://turbot-armadillo-ja5c.squarespace.com/ Hi Folks, I wonder if anyone can help. I am working on a shop on this site https://turbot-armadillo-ja5c.squarespace.com/ p/word: SandraCB. If you click on the UK flag, then wine shop and any of the listed wines, you will see the bottle images are 3.4, however if you go back to the main page and click on Gifting options/Theatre Box Collectors set the images need to be at 16.9. So the two issues I have are: 1) change the size of the images on one page to 16.9. 2) turn the image-zoom off on the individual wine bottle pages as it is not required but leave it for the theatre box page where it is beneficial. Thank you for your time. Many thanks, Sandra
  15. You diamond! I had searched and come up with nothing. It has worked perfectly and thank you to @Vigasan for his post. Life savers the both of you πŸ™‚ Thank you!
  16. Hi, I wonder if you can help. My site is https://bassoon-dog-tknb.squarespace.com/ and the pw: is SandraCB As you can see from the image I am using an href nav command to (supposedly) enable a user to click on a link in the nav bar and it takes you to that page, all the other links in the nav bar have anchor links to take you to their position on the relevant page and they work fine. The thing I am struggling with is that suddenly (and it was fine up until last week) when you click on the link in the nav bar it does take you to the right page, but for some reason it scrolls down the page and does not land at the top of the page. Help! I just cannot see what I have done wrong and why it suddenly changed. Thank you guys and gals 😊
  17. Hi, My site is https://bassoon-dog-tknb.squarespace.com/ (pw: SandraCB). When I view the site on my computer and I click on a nav menu item it takes me to the first page of the Index i.e. clicking Visit takes you straight to the top of the 'visit' page, however on a mobile if I click 'Visit' it offers me the secondary menu for me to choose an internal page from (it therefore seems to bypass the top of the front page ) You will see I am using anchor points via css. I am wondering if there is something simple I have missed here? many thanks, Sandra
  18. Hi, On a product page there are 'previous'/'next' and 'add to cart' buttons. I have managed to add some code to the site courtesy of @ThompsonWebDesign to enable a pop-up to say 'continue shopping' or 'proceed to cart' which is wonderful. After the pop-up if I choose 'continue shopping' the pop-up closes and | am still on the page I added the product to the basket from. What I would like is a button I can add to all my product pages titled 'Back to shop' that then takes the customer back to the front of the shop page. I have various pages of 'shops' chosen from a drop down depending on what country the customer is in, so for this reason I would need to be able to specify the link to those buttons rather than have a generic one across the site. My site is https://bassoon-dog-tknb.squarespace.com/ pw: SandraCB then: shop choose country (UK only one set up so far) Wines Choose a wine and add it to the basket close pop-up to continue shopping From there I would like to have a button that takes the customer back to the 'Wines UK' page for the customer to see the list of wines again. This would change to Wines France, Wines USA pages etc when they are set up. The previous/next button only moves you through each product. I hope that makes sense! many thanks Sandra
  19. @joepsnell This is the Custom CSS code:.read-more-state { display: none; } .read-more-target { opacity: 0; max-height: 0; font-size: 0; } .read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; } .read-more-state ~ .read-more-trigger:before { content: 'READ MORE'; } .read-more-state:checked ~ .read-more-trigger:before { content: 'READ LESS'; } .read-more-trigger { cursor: pointer; display: inline-block; padding: 0 .9em; color: #156; background-color: #fff; font-family: raleway; font-size: 0.8em; font-weight: bold; letter-spacing: 3px; line-height: 3; border: 2px solid #156; border-radius: .25em; } .read-more-trigger:hover { background:#156; color:white; } and this is the page code: .read-more-state { display: none; } .read-more-target { opacity: 0; max-height: 0; font-size: 0; } .read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; } .read-more-state ~ .read-more-trigger:before { content: 'READ MORE'; } .read-more-state:checked ~ .read-more-trigger:before { content: 'READ LESS'; } .read-more-trigger { cursor: pointer; display: inline-block; padding: 0 .9em; color: #156; background-color: #fff; font-family: raleway; font-size: 0.8em; font-weight: bold; letter-spacing: 3px; line-height: 3; border: 2px solid #156; border-radius: .25em; } .read-more-trigger:hover { background:#156; color:white; } I hope that helps? It is based on the pencode you kindly provided :o)
  20. @joepsnell here is the codepen https://codepen.io/sandracheesman/pen/yqZyry it is based on your original codepen you kindly gave on here. On the codepen the gap is much more equal than on the site, which you can see from the images? Any ideas? Thank you!
  21. @joepsnell here is the codepen https://codepen.io/sandracheesman/pen/yqZyry it is based on your original codepen you kindly gave on here. On the codepen the gap is much more equal than on the site, which you can see from the images? Any ideas? Thank you!
  22. Hi @joepsnell the code works brilliantly - thank you! My only issue is when I click 'read more' the 'read less' button is then very close to the last paragraph - no gap like there is Images attached. Any ideas?
Γ—
Γ—
  • Create New...