Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by RebeccaBurt

  1. Site logo on mobile: I have put page header code injection into three pages HOME, STORE and OPTIMAL HYDRATION – so the site logo links to a white logo version for placement over images. This works perfectly on the desktop view, but on the mobile view it looks weird (like its duplicated). Site logo on product detail pages – mobile only: I have 21 products in the store which has a light background. CSS has been added for each Product Collection ID to revert the logo to the master site one (blue/black). It has worked perfectly on the desktop version, but on the mobile view the logo is too large. I want it to be the same size as the logo on the contact page. Is there some code to fix these two things? The site is currently down whilst the domain is transferring, so let me know how i can help if access is needed Thanks.
  2. Hi, This query relates to a live Squarespace website: drinkpowerlyte.com The client wants to upgrade it to an e-commerce site to start selling the drinks, and I need clarification on two questions before I start. Question 1: I think the site is v7.1 (I tried to check via Google inspect as I don't have access via my dashboard). If the plan needs upgrading to a business plan, will it be possible to add e-commerce features to this existing site, or will it need to be rebuilt in another template? Question 2: There are SIX drink flavours available across TWO bottle sizes. The client will not be selling them individually. Is there an ability for the site that would allow customers to pick individual flavours to make up a 4pk, 8pk (1L size) or 12pk (330mL size) based on the six flavours (must be the same bottle size)? Thank you.
  3. here are 2 screenshots. The blue guides will show you the gap on the contact page. Landing page, Work page and About pages are fine. When you go to the contact page, everything moves to the right slightly - including the master logo and the menu items. Thank you for your help 🙂
  4. Hi Squarespace Community, On my contact page, the left margin is sitting further right than the other pages. This is affecting the logo header, text and contact form. It has not done this before and I have not changed anything. The issue is on the desktop view only, the mobile view is fine. I have some css code on my site. This does not appear to be causing the problem because when I delete the code, it makes no difference. Any help is appreciated, thank you. My site is live: www.kotarecreative.com
  5. thank you. that code fixed the about and contact pages 🙂 Is there any way to reduce the padding above and below the image on the landing (home) page too? thank you
  6. I have updated the image on the work page to one with a darker background, to make it easier to see the difference in spacing. I have done a new screen-grab to help clarify . These all line up perfectly on the desktop view, so only need to adjust the mobile view. 🙂 On the landing page the gap between the image and the text underneath that says "Brand and packaging design that is compelling and effective..." looks really large on the mobile view, but the gap is perfect on the desktop view, so I am hoping for some css code to adjust this on the mobile view. I appreciate your patience and thank you for trying to help 🙂
  7. Hi Ziggy, Thank you for providing the code, it worked perfectly! Regarding the spacing issues – I have attached a screen grab of what I mean as I wasn't very clear. I am referring to the size of the gap between my logo and the start of the images /copy. The gap is smaller (and correct) at the top of the work page, but slightly bigger on the others. The gaps are all the same on the desktop version. On the landing page the gap is also too big between the image and the text at the bottom. The gap is good on the desktop version. Is there some css code that can fix these? Thank you 🙂
  8. Hello Squarespace Community, Mobile view only – I want to reduce the size of some gaps above and below the images on the Landing, About and Contact pages – without affecting the side spacing. I want these to match the spacing on the Work page. I would also like to single stack my images on my work gallery mobile view (without changing the 3 column setup on desktop view). Everything looks fine on the desktop version and does not need adjustment. My site is live and I am using Avenue 7.0 template. http://www.kotarecreative.com I have no experience coding. I have tried using some code snippets suggested on the forum in other posts, but I could not get them to work. Any code supplied or help would be appreciated, thank you.
  9. site link: https://onetreehill.squarespace.com/contact password: batcar1962 Hi, Issue 1: My client has requested a background video on the contact page. I have set an image for the mobile fallback, but when you go to the contact section, the fall-back image is showing briefly before the video loads. I have no coding experience. I have found some codes posted in other forum posts, but could not get them to work when pasting them in the css box. Issue 2: The video also has sound which the client would like to work if possible. I understand that background auto-load videos don't play sound and that there are issues around this with browsers etc, so no problem if this can't be fixed, but if code can be provided for the sound, that would be a bonus. Thank you
  10. That worked! Thank you so much I really appreciate your help! 😀
  11. site login from incognito mode: https://www.onetreehillnz.com/ pw: batcar1962
  12. thank you. 🙂 how do i do that please? the site is currently in trial mode.
  13. I have uploaded the following css code for custom fonts in my site and it has worked for all sections apart from the store. I have no experience with coding and found these codes online and that is how I have got this far. I am using a Maori word in my site which requires a macron above the first letter a. The macron is working successfully on all standard sections. The font I am having to use for the store is defaulting the typeface for this letter. I would like to change the font for the store for HEADINGS: POSTGROTESKREGULAR and PARAGRAPH COPY: POSTGROTESKLIGHT and I need the macron to work in this section too. Below is the code I have used so far in the site and a screen grab of the issue. If someone can please provide some code to fix this, that would be much appreciated, thank you. @font-face { font-family: 'KAPRASEMIBOLD'; src: url('https://static1.squarespace.com/static/6397af65592c201f58f39b2a/t/6399409badffcb522b221712/1670987931915/KapraNeuePro-SemiBoldRounded.otf'); } @font-face { font-family: 'POSTGROTESKREGULAR'; src: url('https://static1.squarespace.com/static/6397af65592c201f58f39b2a/t/639940bfb17a723edcbd8dd5/1670987968384/PostGrotesk-Regular.otf'); } @font-face { font-family: 'POSTGROTESKLIGHT'; src: url('https://static1.squarespace.com/static/6397af65592c201f58f39b2a/t/639940ab8a2c171209ddd7e9/1670987948461/PostGrotesk-Light.otf'); } h1, h2 {font-family: 'KAPRASEMIBOLD'} p, h3 {font-family: 'POSTGROTESKLIGHT'} /* Header height */ .header-announcement-bar-wrapper { padding-top: 3px !important; padding-bottom: 3px !important; } /* Shop list custom font */ section.grid-meta-wrapper * { font-family: 'POSTGROTESKLIGHT' !important; }
  • 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.