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


  • Content Count

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Site URL: http://www.qualitycupofcoffee.com/french Hello, I tried to customize the top of my bottom footer. I used this technique to customize my pages on my website. However, this time, I cannot see the customized look unless I am "editing" the bottom footer. When I am done editing, the image does not appear ... Ideally I would want just the small "biscuit" like shape to be just on top of my bottom footer. Any ideas ? Thanks /*topwavebeforeforpicturesbannerbeige*/ #footerBlocksBottom { background-color: #FFA899;} #footerBlocksBottom { background: #FFA899; overflow: visible
  2. @tuanphan Hey ! Just back from another work trip. It works ! Looking forward to finishing my new website very soon. You are a legend, thanks a lot !!!!
  3. Hello @tuanphan Sorry for the late reply, I was on a business trip thus I didn't touch my website at all. OK so I deep dived into it again and : - I fixed the image & text position on tablet and cellphone >> Problem : the text is still not rotating when I visit my website on Chrome, meanwhile I can see it rotate in my squarespace editing window. >> Other MASSIVE problem affecting all my website : I can still scroll on the far right of my website when I am on desktop & mobile view. I am not sure how to fix it. Maybe while playing with that text / image position along
  4. Umm It's very strange : I tried to do the same on the french version of my website (www.qualitycupofcoffee.com/french) using this code & of course swiping the #block-id but it's not working on tablet : The text is not fully displaying on the screen unlike on the English version you corrected. I keep rechecking my code, and I cannot find where the mistake is ... - I had to change the value for the left & padding top of your code on the French website. It doesn't really make sense to me as the text English / French are nearly similar For both version (english / french) I am
  5. Morning 👋 Sorry for my late reply, I was a bit offline 🙂 I just tried your code, it's amazing, the text is now perfect and my page display is all good on tablet. I am gonna use your technique to fix my desktop / mobile view !
  6. Site URL: http://www.qualitycupofcoffee.com/english Hello ! I am currently fixing my about section and due to my specific design I did a lot of custom css tweaks for desktop / tablet / mobile view : 1. The round picture with rotating circle along with my bio looks OK on desktop & cellphone as I customized it. 2. On tablet : the space is very narrow thus I am trying to position my round picture (with the rotating text) above my text section. now it looks like my text section at the bottom is still squeezed between invisible margins (?) I would like my text box to take the "full
  7. Hello ! Yes, so I tried to fix it on my own in the meantime and moved the section on my website. Sadly I haven't succeed to fix everything I wanted ... Here is where I am right now: www.qualitycupofcoffee.com/english The section is just below my "about section" that I am also trying to fix. - So arrows are still a bit on my text / boxes - The "box" size is not fixed and equal because the blog title have different length - The most annoying part is on tablet / cellphone : I would like to display only 2 (tablet) and 1 box (cellphone) on the screen and let people scroll throught the
  8. Site URL: http://www.qualitycupofcoffee.com/new-index-1 Member 3 30 posts Posted yesterday at 10:28 AM (edited) Site URL: https://www.qualitycupofcoffee.com/new-index-1 Hello ! I am trying to create a summary carousel of my blog posts. I have several issues: - The arrow I styled disappear when I try to position them at 50px from the top & bottom. I just changed the position to 20px & 30px in my coding so you can see the arrows I am talking abo
  9. Hey 👋 Actually I did find a solution : I put back the code in my custom CSS and I discovered that I can use the same code to target different pages by simply doing this : #partenaire-2, #new-page-4 { background: #f0c4b2; overflow: visible; &:before { content: ''; width: 100%; height: 100px; top: 0; left: 0; background-image: url(https://static1.squarespace.com/static/5a5e3c50a9db09fc9c1233de/t/5fc4c62a3c02f22b9da32e1a/1606731306701/1stwavepinkabout.png); background-size: contain; background-repeat: repeat-x; background-positi
  10. Yes, my custom area CSS is getting full : >> as I injected my css coding for my nav. over there, I thought I could move all my css coding to "my individual page" (if that makes sense). >> Maybe I should leave it in the custom area then ? Could I, if I don't have enough line of code left, combine it in a "file" and upload it on my website ? You see I have 2 versions of my website eng. / fr. which means I have to repeat the exact same codes twice that's how I reached my coding limit.
  11. Awww actually false alert. I did write <style> instead of script but it's not working : <style> [data-nc-element="primary-nav"]{ display:none; } .Mobile-overlay-nav--primary { display:none; } </style> <style> #partenaire-2 { background: #f0c4b2; overflow: visible; &:before { content: ''; width: 100%; height: 100px; top: 0; left: 0; background-image: url(https://static1.squarespace.com/static/5a5e3c50a9db09fc9c1233de/t/5fc4c62a3c02f22b9da32e1a/1606731306701/1stwavepinkabout.png); background-size: contain; backgro
  12. Site URL: http://www.qualitycupofcoffee.com/new-index-1 Hey Hey Squarespace Community 👋 I hope you had a great week-end. I am currently editing my website and fixing some awful bugs*. On my website I use "Wave dividers". The issue is as I am evolving and learning about coding, I am founding new techniques to create these waves. Currently, all my "waves" are just uploaded background images which is not working well across different devices. >> I finally found a good technique to get it done, however, I would like to inject that CSS code in my "advanced header code injection on t
  13. Hi, Thanks for your quick reply ! Well I am still on version 7.0 (Brine family). I see what you mean. Well for now, I am still in the planning design phase as I am looking to update my website for 2021 with new digital products. I want to change my display & copywriting to increase my sales & have more retention. I am currently looking at all my website flaws and see what kind of new elements could work to have a better selling funnels. I think if I find great design ideas I might contract someone to implement it for me ! It's getting to complicate for me ! Thanks a lot, I
  14. Hello Everyone ! I have an odd question before I start to get obsessed & deep dive into coding : I came across some beautiful elements on Tympanus website just like this one : https://github.com/codrops/CrossroadsSlideshow/ Is there a way, we can add these types of elements within Squarespace ? Or maybe it's not mean for Squarespace at all. I used to buy some customs elements on webshops & I would get a tutorial telling me how to insert some codding or files into my website. I remember some required to do some advanced manipulation but to be honest I've never fully done it on
  15. Site URL: https://www.qualitycupofcoffee.com Hello everyone ! Hope you had a fine week so far. I have been postponing on creating my blog area and I finally decided to get it done. I have two minor coding issue so far: www.qualitycupofcoffee.com/blog-articles-eng/engtemplate 1. Image card As you can see at the bottom of my blog template page, I am trying to create 2 images card that will refer to my newest and oldest post. - I would love to get the title and subtitle white, however I am unable to make the change appear. - I want my text alignment to match my picture. For the left i
  • Create New...