JamIsJam88
-
Posts
76 -
Joined
-
Last visited
Reputation Activity
-
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; } }
-
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; }
-
JamIsJam88 got a reaction from miserytakeme in How can I add a video to a list section?
That's unfortunate. Thanks though.
-
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; }
-
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
-
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; }
-
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; }
-
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; }
-
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.
-
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. 🤷♂️
-
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/
-
JamIsJam88 got a reaction from Beyondspace in How can I add a video to a list section?
That's unfortunate. Thanks though.
-
JamIsJam88 got a reaction from Beyondspace in Move List Section Arrows on Mobile to Sides
Thanks! This worked great.
-
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
-
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:
-
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; }
-
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; }
-
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; } }
-
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)?
-
JamIsJam88 reacted to tuanphan in Scroll Arrow Indicator
CSS to Custom CSS, JS to Code Injection Header or Footer
-
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; }
-
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; }
-
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; }
-
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; }
-
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; } }