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


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Claire_auck last won the day on August 13 2019

Claire_auck had the most liked content!

Recent Profile Visitors

245 profile views
  1. Absolutely, thanks for your help @tuanphan https://pipe-vision-civil.squarespace.com/ pa33word
  2. Thank you for this solution @tuanphan! I need one more adjustment if possible? The text in my button is showing as white (it's taking on the settings from the site styles). Is there a way to change the text colour too #00a4b1? Cheers Claire.
  3. SOLVED!!! @tuanphan was able to help me with this problem. We added this code (viewable in live mode only) body:not(.sqs-edit-mode) .Index-page--has-image .Index-page-content { background: linear-gradient(-100deg, transparent 20%, #881223 90%, #a81b30 100%); } Amazing help, thanks! Claire.
  4. SOLVED!!!! @tuanphan was able to help with this   We added the code (below) to the page header to create 2 columns per row on tablet size and it works a treat! Thanks for everyone that helped! <style> @media screen and (max-width:900px) and (min-width:641px) { div#page-5f0cf7cd8480bd4a7f209852>.row:nth-child(2)>.col { width: 50%; } } </style>
  5. Thanks for the reply 🙂 I have added it to the next line but wanted to question if I needed to change the first @media? It's on the site now but it still performs in the same way. Any further ideas?
  6. Hey @Rammy I thought I was going mad yesterday and it took me all day to work this out. The same happening to me after I added the ghost plugin for the Gradient Index Image Background. I would love to use this gradient effect (for index banners) so I'm wondering if you worked out a fix? Cheers. Claire. Here's the code that I used https://www.ghostplugins.com/steps/3og8ehny
  7. That's perfect Tuanphan, thank you for your help as always, you're always there to lend a helping hand and it's much appreciated. Have a great day. Claire.
  8. Hi @bangank36 Thanks for you message. Do I replace the original @media or add it to the next line? I tried replacing it but it said there was a missing opening. Thanks for your help. Claire.
  9. Site URL: https://compass-pilates.squarespace.com/pricing I hope someone CSS help 🙂 https://compass-pilates.squarespace.com/pricing pa33word I have used the awesome Ghost Pricing Block plug-in and it's working really well on desktop and mobile. Tablet size needs some attention as the content breaks out of the container. Do I need to add an additional style for tablet? If so...how? This is what's currently in place for mobile. @media (max-width : 1300px) { .sqs-block-markdown { I have attached a screenashot with all 3 sizes and as you can see, the middle (tablet) is flowing outside of the green box. Fingers crossed someone can help me fix this. Cheers Claire.
  10. Thank you sooooo much Tuanphan, it works a treat! Very clever!
  11. It was this one 🙂 // Stretchy Navigation Line // .Header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: 2px !important; transition: width 1s; //animation speed margin: 0 auto; } .Header-nav-item:hover::after { width: 100%; }
  12. Hi Tuanphan, Thanks for your help 🙂 https://compass-pilates.squarespace.com/ pa33word Cheers Claire
  13. Hey all. I'm using the awesome Stretchy Navigation Line by Thirty Eight Visual (via Ghost) and I need to disable it for the secondary nav...is that possible? It's making the button look out of balance. Fingers crossed someone can help. Cheers!
  14. Hey @tuanphan. I am trying to apply the same logic to another banner at the bottom of the timetable page but I can't seem to get it to work. I have tried selecting different #block numbers but none of them are reducing the gap this time...what am I doing wrong? Help!!
  • Create New...