Jump to content

JamIsJam88

Circle Member
  • Posts

    76
  • Joined

  • Last visited

Reputation Activity

  1. Like
    JamIsJam88 reacted to tuanphan in Pop-up display not appearing right on mobile view.   
    Add to Design > Custom CSS
    /* center popup mobile */ @media screen and (max-width:767px) { .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide * { text-align: center !important; } }  
  2. Like
    JamIsJam88 got a reaction from paramjeet.kour08 in How to vertically center text for radio options and checkboxes on forms?   
    I just figured it out. It's not the text that was not aligning with the radios and checkboxes. It was the radios and checkboxes themselves. Also, this code changes the colour of the fill when you select a radio or checkbox. I didn't like the default bright blue on Apple devices.
    .sqs-block-form .field-list fieldset.checkbox input[type="checkbox"] { accent-color: #443A31; vertical-align: middle; } .sqs-block-form .field-list fieldset.radio input[type="radio"] { accent-color: #443A31; vertical-align: middle; }  
  3. Like
    JamIsJam88 got a reaction from miserytakeme in How can I add a video to a list section?   
    That's unfortunate. Thanks though.
  4. Like
    JamIsJam88 got a reaction from tuanphan in Underline hover animation navigation bar   
    I was actually able to solve this. Here is the code if anyone else needs a solution.
    .header-menu-nav-item>a:hover { color: #443A31 !important; font-style: italic; } @media only screen and (min-width:768px) { .header-menu-nav-item > a:after, .header-menu-nav-folder-item > a:after { content:''; width: 0px; height: 1px; background: #443A31; display: block; transition: width 1s ease; } } @media only screen and (max-width:767px) { .header-menu-nav-item > a:after, .header-menu-nav-folder-item > a:after { content:''; width: 0px; height: 1px; background: #443A31; display: block; transition: width 0.25s ease; } } .header-menu-nav-item > a, .header-menu-nav-folder-item:hover { background: none !important; } .header-menu-nav-item--active > a:after, .header-menu-nav-item:hover > a:after, .header-menu-nav-folder-item:hover > a:after { width: 100%; } .header-menu-nav-folder-item:hover > a { color: #443A31 !important; } body:not(.header--menu-open) .header-menu-nav-item--active>a { background-position: 0 calc(~"100% + 1px") !important; } .header-menu-nav-item a { display: inline-block !important; } .header-menu-nav-item { text-align: right; }  
  5. Like
    JamIsJam88 reacted to Beyondspace in Jump links not underlined when active in navigation bar   
    You can try adding to Home > Setting > Advanced > Code Injection > Footer
    <script > const navBtns = document.querySelectorAll('.header-display-desktop .header-nav-item'); navBtns.forEach((button, i) => { button.addEventListener('click', () => { const navActiveBtns = document.querySelectorAll('.header-display-desktop .header-nav-item--active'); navActiveBtns.forEach(activeBtn => { activeBtn.classList.remove('header-nav-item--active'); }) // Check if link has # or not, default has process the underlink if (!button.querySelector('a').matches("[href*='#']")) return; button.classList.add('header-nav-item--active'); }); }); </script> Support me by pressing 👍 if this useful for you
  6. Like
    JamIsJam88 reacted to Soona in Underline hover animation navigation bar   
    Site URL: https://www.lucienandsolenn.com/
    Hello there! 
    I know that there is some post about this, and I found a good code for it . However, I cannot find a way to "stop the line" under the drop down menu links and make it 100% of the word, not beyond. How can I do? I post the picture of it below. Thank you in advance!
    My website password : Forthesakeoflove
    Here is the css code : 
    .header-nav-item > a:after, .header-nav-folder-item > a:after { content:''; width: 0px; height: 1px; background: #fff; display: block; transition: width .2s ease; } .header-nav-item > a, .header-nav-folder-item:hover { background: none !important; } .header-nav-item--active > a:after, .header-nav-item:hover > a:after, .header-nav-folder-item:hover > a:after { width: 100%; } .header-nav-folder-item:hover > a { color: #fff !important; }
  7. Like
    JamIsJam88 got a reaction from Greentea99 in 7.1 removing text link underlines   
    Hey I saw someone post this code somewhere else and it worked for me. I'm having a lot of issues with Squarespace today specifically. Not sure why.
    .sqs-block-html a { background-image: none !important; } h1 a, h2 a, h3 a, h4 a, p a { text-decoration: none !important; }  
  8. Like
    JamIsJam88 reacted to tuanphan in How to remove underline site navigation on mobile view   
    Add this CSS
    nav.header-menu-nav-list .header-menu-nav-item * { background-image: none !important; text-decoration: none !important; border: none !important; }  
  9. Like
    JamIsJam88 got a reaction from emalu in Summary Block Exclude Current Blog Post   
    Site URL: https://www.yungrealestate.com/availabilities/26-east-sunset-dr
    How can I hide the current blog post in a summary block site-wide so that I don't have to code it for each blog post or make specific tags for each property? If I have a summary block on a property listing, I would prefer not to have it display the current property on it.
  10. Like
    JamIsJam88 got a reaction from Beyondspace in Resize background video on mobile without pixelation   
    Hey I think I somewhat found a way around. I basically re-exported the video in portrait mode under 20mb and uploaded it to Squarespace. I hide the portrait version on desktop screen sizes and hide the landscape version on mobile screen sizes. 🤷‍♂️
  11. Like
    JamIsJam88 reacted to RyanDejaegher in Hide current post from the summary block   
    Thanks @tuanphan, there's a full write up here to understand more about how it works: https://ryandejaegher.com/remove-current-post-summary-block-squarespace/
  12. Like
    JamIsJam88 got a reaction from Beyondspace in How can I add a video to a list section?   
    That's unfortunate. Thanks though.
  13. Like
    JamIsJam88 got a reaction from Beyondspace in Move List Section Arrows on Mobile to Sides   
    Thanks! This worked great.
  14. Like
    JamIsJam88 reacted to Beyondspace in Move List Section Arrows on Mobile to Sides   
    You can try adding to Home > Design > Custom Css
    @media only screen and (max-width: 767px) { section[data-section-id="61b0346d33e0e169851dc58a"] .user-items-list-banner-slideshow .mobile-arrows { margin-top: 0; left: 0px; top: 50%; transform: translateY(-50%); align-items: center; justify-content: space-between; } } Let me know how it works on your site
    Press 👍 or mark this answer as solution to help another one too
  15. Love
    JamIsJam88 reacted to paul2009 in After recent 7.0 and 7.1 updates, I'm no longer to add multiple tags or categories to summary blocks   
    You used to be able to select multiple tags. This was removed in the Block Editor UI Update (discussed above) but was recently restored to allow you to select multiple tags:

  16. Like
    JamIsJam88 got a reaction from serenablanchard in 7.1 removing text link underlines   
    Hey I saw someone post this code somewhere else and it worked for me. I'm having a lot of issues with Squarespace today specifically. Not sure why.
    .sqs-block-html a { background-image: none !important; } h1 a, h2 a, h3 a, h4 a, p a { text-decoration: none !important; }  
  17. Like
    JamIsJam88 reacted to tuanphan in Page Header Code Injection for Blog List affecting all Blog Posts   
    Try new code
    <div class="splash-wrapper"> <lottie-player src="https://assets6.lottiefiles.com/packages/lf20_biy6osdk.json" background="transparent" mode="normal" speed="1" style="width: 480px; height: 270px;" autoplay></lottie-player> </div> <style> .splash-wrapper { position: fixed; z-index: 9999; background-color: #FFFFFF; height: 100vh; width: 100vw; display: flex; flex-flow: column nowrap; justify-content: center !important; align-items: center; animation-name: slideOut; animation-fill-mode: forwards; animation-duration: 0.5s; animation-delay: 2s; } .view-item .splash-wrapper { display: none !important; opacity: 0 !important; visibility: hidden !important; z-index: -100 !important; } @keyframes slideOut { from {margin-top: 0vh; opacity: 1;} to {margin-top: 100vh; opacity: 0;} } </style> If it doesn't work, keep the code & add this to Design > Custom CSS
    /* disable code on blog individual posts */ .view-item .splash-wrapper { display: none !important; opacity: 0 !important; visibility: hidden !important; z-index: -100 !important; }  
  18. Thanks
    JamIsJam88 reacted to tuanphan in Headline Image Height of Screen   
    Hi. Add to Design > Custom CSS
    /* Tabet */ @media screen and (max-width:991px) and (min-width:768px) { /* stack buttons */ div#block-yui_3_17_2_1_1615078591470_11964+.row .span-6 { width: 100%; } /* fix text break */ [data-section-id="6013174c6d75164ef6dcc5d6"] .content { width: 90% !important; } }  
  19. Like
    JamIsJam88 reacted to ievavi in Hide current post from the summary block   
    Thank you, that works brilliantly hiding the current post! But may I know how to still display 2 posts instead of one (they are categorised by the tags)?
  20. Like
    JamIsJam88 reacted to tuanphan in Scroll Arrow Indicator   
    CSS to Custom CSS, JS to Code Injection Header or Footer
  21. Like
    JamIsJam88 got a reaction from Juliejuju in 7.1 removing text link underlines   
    Hey I saw someone post this code somewhere else and it worked for me. I'm having a lot of issues with Squarespace today specifically. Not sure why.
    .sqs-block-html a { background-image: none !important; } h1 a, h2 a, h3 a, h4 a, p a { text-decoration: none !important; }  
  22. Like
    JamIsJam88 got a reaction from alexscasny in 7.1 removing text link underlines   
    Hey I saw someone post this code somewhere else and it worked for me. I'm having a lot of issues with Squarespace today specifically. Not sure why.
    .sqs-block-html a { background-image: none !important; } h1 a, h2 a, h3 a, h4 a, p a { text-decoration: none !important; }  
  23. Like
    JamIsJam88 got a reaction from kelscruikshank in 7.1 removing text link underlines   
    Hey I saw someone post this code somewhere else and it worked for me. I'm having a lot of issues with Squarespace today specifically. Not sure why.
    .sqs-block-html a { background-image: none !important; } h1 a, h2 a, h3 a, h4 a, p a { text-decoration: none !important; }  
  24. Like
    JamIsJam88 got a reaction from butter in 7.1 removing text link underlines   
    Hey I saw someone post this code somewhere else and it worked for me. I'm having a lot of issues with Squarespace today specifically. Not sure why.
    .sqs-block-html a { background-image: none !important; } h1 a, h2 a, h3 a, h4 a, p a { text-decoration: none !important; }  
  25. Thanks
    JamIsJam88 reacted to tuanphan in Image Stack Title & Subtitle Resize   
    Add to Design > Custom CSS
    /* stack image */ .design-layout-stack { .image-title.sqs-dynamic-text * { font-size: 30px; } .image-subtitle-wrapper * { font-size: 30px; } }  
×
×
  • 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.