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


  • Posts

  • Joined

  • Last visited

Everything posted by smithandrew1993

  1. Any news or timescale of when Afterpay from Stripe will be offered to UK Squarespace customers seen as Stripe are now allowing it in the UK?
  2. @tuanphan Hi I'm trying to get this to work on the image on this page: https://www.likemindedproductions.co.uk/ashley Can you please help?
  3. I've added the hex to rgba but it still doesn't work. It looks as if it would on a light background like the screenshot. <style> .view-item.collection-type-blog .Header { background-image: url(https://images.squarespace-cdn.com/content/v1/598723e8a5790a7d30d4eda3/1617999400704-OR0C6NVG78Y0MHHYM9QE/ke17ZwdGBToddI8pDm48kPTrHXgsMrSIMwe6YW3w1AZ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0p52bY8kZn6Mpkp9xtPUVLhvLurswpbKwwoDWqBh58NLxQZMhB36LmtxTXHHtLwR3w/BG.png); background-repeat: no-repeat; background-size: 100% 100%; padding-bottom: 40px; } .tweak-header-primary-nav-hover-style-spotlight .Header-nav .Header-nav-item { color: 255,255,255,0.72 !important; } .tweak-header-primary-nav-hover-style-spotlight .Header-nav:hover .Header-nav-item:hover { color: 255,255,255,0.72 !important; } .tweak-header-primary-nav-hover-style-spotlight .Header-nav:hover .Header-nav-item { color: 255,255,255,0.72 !important; } </style>
  4. @tuanphan This is brilliant, thank you! Is there anyway to change the nav so that its like the rest of the website (spotlight)? I've tried using this but it only works when custom css window is open: .tweak-header-primary-nav-hover-style-spotlight .Header-nav .Header-nav-item { color: #ffffffb8 !important; } .tweak-header-primary-nav-hover-style-spotlight .Header-nav:hover .Header-nav-item:hover { color: #ffffffb8 !important; } .tweak-header-primary-nav-hover-style-spotlight .Header-nav:hover .Header-nav-item { color: #ffffff5c !important; }
  5. Site URL: https://www.likemindedproductions.co.uk/podcast/archive/season2/grief-holiblobs-clown-episode-10 Hi, I'm having some issue with blog posts where the nav Is displaying as dark as if it was on a white page (https://www.likemindedproductions.co.uk/podcast/archive/season2/grief-holiblobs-clown-episode-10). I want it to look like all the other pages where it is white and spotlights on hover ie: (https://www.likemindedproductions.co.uk/podcast) I've added this css which only works when in the "Custom CSS" section. .tweak-header-primary-nav-hover-style-spotlight .Header-nav .Header-nav-item { color: #ffffffb8 !important; } .tweak-header-primary-nav-hover-style-spotlight .Header-nav:hover .Header-nav-item:hover { color: #ffffffb8 !important; } .tweak-header-primary-nav-hover-style-spotlight .Header-nav:hover .Header-nav-item { color: #ffffff5c !important; } Any help would be greatly appreciated. All the best, Andrew
  6. Hi @bangank36 This worked great but I have several blog pages (one for 'news' and one for 'podcast'). Is there a way to just change the 'podcast' blog posts?
  7. Site URL: https://www.likemindedproductions.co.uk/podcast/archive Hi, Having some issues adding a colour to the background header of my blog post pages. The blog page is fine (https://www.likemindedproductions.co.uk/podcast/archive) but when you go to a post: (https://www.likemindedproductions.co.uk/podcast/archive/season2/grief-holiblobs-clown-episode-10) there is no background. Any help greatly appreciated. All the best, Andrew
  8. Hi @tuanphan, This was working but since the website launched, it's now stopped working.
  9. I've put the code in-place but doesn't seem to be working.
  10. Site URL: https://stratarc.co.uk Hi, I'm looking to decrease the space at the top of my code block with an animated scroll indicator. This is the code: <div class="bottom"> <a class="scroll-indicator" href="#tscroll"></a> </div> <style> .bottom { position: absolute; bottom: 1; width: 100%; left: 50%; transform: translateX(-50%); text-align: center; } .scroll-indicator { display: inline-block; width: 24px; height: 24px; margin: 16px auto; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-bottom-right-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: fade; animation-name: fade; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes fade { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; } 75% { -webkit-transform: rotate(45deg) translateY(-6px) translateX(-6px); transform: rotate(45deg) translateY(-6px) translateX(-6px); opacity: 0; } 100% { opacity: 0; } } @keyframes fade { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; } 75% { -webkit-transform: rotate(45deg) translateY(-6px) translateX(-6px); transform: rotate(45deg) translateY(-6px) translateX(-6px); opacity: 0; } 100% { opacity: 0; } } </style> Any help appreciated!
  11. Hi @tuanphan, Would it be possible to have it with the same padding either side as the screenshot shows? Thanks
  12. Site URL: https://badlab.squarespace.com Password: temp Hi, I'm looking to add a line between the 'Mens' and 'Sign in' links in the navigation as shown in the attached screenshot. I've tried using the Ghost plugins versions but they don't work with the horizon template. Any help greatly appreciated.
  13. Site URL: https://badlab.squarespace.com https://badlab.squarespace.com/account/frame/login Password: temp I'm not sure if it's possible but I want to override the inline styles for the account login frame using css or header injection. I've change the styles in Chrome developer but can't get it to change in Squarespace css. I've attached a picture of what I'd like it to look like. Tried this to no avail: div[style].Dialog-container-uCx0n h1 { font: 'Roboto' !important; content: "LOGIN TO YOUR ACCOUNT" !important; } #button.Button-container-BtFfe{ background-color: #ffaa00; colour: #000; } Any ideas? Any help would be greatly appreciated.
  14. Site URL: https://badlab.squarespace.com Page example - https://badlab.squarespace.com/store/backend/bold-training-t-womens Password - temp Hi, I need help swapping the positions of .product-excerpt and .product-price on product pages. I've managed to decrease the margins to the right size and I've moved <div class="product-excerpt" data-content-field="excerpt">_</div> and <div class="product-price">_</div> using developer tools in chrome but haven't managed to rearrange in CSS. I'd also like to move .product-excerpt on MOBILE to below .product-title mobile Any help appreciated.
  15. @tuanphanWould it also be possible for you to help me reduce the space between the new 'Size guide' button I've added and the product pictures please? Your help is greatly appreciated!
  16. Site URL: https://badlab.squarespace.com/ Hi, I need some help regarding padding on top of Related Products on product pages and below text 'You may also like'. Link: https://badlab.squarespace.com/store/backend/outline-hoodie Password: temp I've changed the line spacing for the entire site on 'heading 2' but that makes it cut behind the 'related products' block. Any help appreciated!
  • Create New...