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

smithandrew1993

Member
  • Posts

    35
  • Joined

  • Last visited

Recent Profile Visitors

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

  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
×
×
  • Create New...