NikolaNikic
Member-
Posts
30 -
Joined
-
Last visited
NikolaNikic's Achievements
-
NikolaNikic started following How to change Hover effect on menu (desktop) , Image links won't open in new tab , Fix login button design and 1 other
-
Hi, Try this code: Insert into: Pages > Website tools > Code injection <script> document.querySelectorAll('a img').forEach(img => { img.parentElement.setAttribute('target', '_blank'); }); </script> Let me know if this works for you If this worked for you please click the ' Mark as Solution ' Button. Thanks in advance Best Regards
-
NikolaNikic reacted to a post in a topic: Add an image to a scrolling block
-
How to change Hover effect on menu (desktop)
NikolaNikic replied to NikolaNikic's topic in Customize with code
a line like the default one of the navbar -
I would love some feedback on my website!
NikolaNikic replied to MackenzieKuck's topic in Feedback on Your Site
No problem, if you have more questions fell free to ask! Best Regards -
NikolaNikic reacted to a post in a topic: I would love some feedback on my website!
-
I would love some feedback on my website!
NikolaNikic replied to MackenzieKuck's topic in Feedback on Your Site
Hi, it's really no problem i don't understand the content because of it's positioning, i would make the section wider I'm going to show you how would i design this ( THOSE ARE EXAMPLES ) Obtained in Yale University: Certificate in Tropical Forest landscape Conservation - 2024 Obtained in Washington D.C: Founder, Lead Designer + Creative strategist at Take Heart Textiles - 2023 Architectural Designer - (Date if you got one) Obtained in University of Arkansas: LEED Green Associate - 2021 Ethics of Sustainable Development - 2020 The GREEN Program - Bachelor of Architecture - 2020 in your desing it's complicated to associate a degree to a school and also what's the GREEN Program is that a degree too Best Regards -
Hi @CharlieThomas I reviewed your site and it's really really beautiful I love the: font, the images, and the footer which is minimal but beautiful to see. one thing i gotta report tho is that in the ' About wendly ' page, the description of Mr. Matt is positioned lower than Miss. Charlie one! I've attached a screenshot!! Best regards I wish you the very best of luck with your site/business
-
I would love some feedback on my website!
NikolaNikic replied to MackenzieKuck's topic in Feedback on Your Site
Hii @MackenzieKuck I reviewed your site, i really like it. The color palette is great, and the divisors between sections are great! There are just a couple of things: I would remove the ' Let's connect section ' on the About page and make it another cool page! and the newsletter form in the footer. And the background section under the picture of you, Miss Mackenzie, I think, needs to be revisited as I didn't understand anything. i would also separate the home page from the ' ART ' dropdown In the home i would put the " meet the artist " title with the other text in the green box i uploaded a screenshot of it as of the rest the site is pretty great! Best regards And good luck with your site if i resolved your issues or responded correctly to your question please click the button " Mark as answer " -
How to change Hover effect on menu (desktop)
NikolaNikic replied to NikolaNikic's topic in Customize with code
i wanted it just to display a line under the link! -
Site password: k I was wondering if it was possible to change the hover effect in the menu! thank you in advance! Best regards Screen Recording 2024-09-05 at 7.31.19 PM.mov
-
How can I make the scrolling text display emoji's such as Flags
NikolaNikic replied to NikolaNikic's topic in Pages & Content
Hi, thank you for responding!!!! the password is: myfavs Regards -
THDesign reacted to a post in a topic: Inactive / Idle user: site redirect to homepage
-
Inactive / Idle user: site redirect to homepage
NikolaNikic replied to THDesign's topic in Customize with code
Glad i could help, if there's something else you wanna change or add just reach out to me! I wish you the best Bye -
THDesign reacted to a post in a topic: Inactive / Idle user: site redirect to homepage
-
i currently use: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script> <script> $(function() { $.scrollify({ section : "article .page-section", scrollSpeed: 1800 }); }); </script> it works but it's very glitchy, The site is: Nikic Costruzioni By Goran & Boban Nikic If someone knows how to resolve the issue please let me know Thanks in advance
- 1 reply
-
- scrolling
- javascript
-
(and 2 more)
Tagged with:
-
Inactive / Idle user: site redirect to homepage
NikolaNikic replied to THDesign's topic in Customize with code
Hi, sorry to hear that. I double-checked the code and everything works fine to me! // Check if we are on the specific page where we want to disable the script if (window.location.pathname !== '/attract') { // Replace '/specific-page' with the actual path const resetIdleTimeout = function() { if (isPopupVisible) return; // Don't reset if popup is visible try putting the whole URL and let me know how it works ex: https://yoursite.com/page -
Inactive / Idle user: site redirect to homepage
NikolaNikic replied to THDesign's topic in Customize with code
Hi, sorry for the long time i took to respond, You got me unprepared here but we can stil try something It sounds like you’re trying to disable the pop-up on a specific page, and while your code hides the pop-up, the redirect still happens. You can add JavaScript to the specific page’s header or footer to override the site-wide idle pop-up script. Here’s how you can do it: YOU CAN EITHER ADD THIS CODE TO REPLACE THE ALREADY EXISTING JS <script> (function() { const idleDurationSecs = 5 * 60; // 5 minutes const countdownDurationSecs = 120; // 2 minutes const redirectUrl = 'https://nikicostruzioni.squarespace.com/#1'; let idleTimeout; let countdownInterval; let isPopupVisible = false; const popup = document.getElementById('idle-popup'); const countdownElement = document.getElementById('countdown'); const stayButton = document.getElementById('stay-btn'); // Check if we are on the specific page where we want to disable the script if (window.location.pathname !== '/specific-page') { // Replace '/specific-page' with the actual path const resetIdleTimeout = function() { if (isPopupVisible) return; // Don't reset if popup is visible if (idleTimeout) clearTimeout(idleTimeout); if (countdownInterval) clearInterval(countdownInterval); idleTimeout = setTimeout(showPopup, idleDurationSecs * 1000); }; const showPopup = function() { isPopupVisible = true; popup.style.display = 'block'; let remainingSeconds = countdownDurationSecs; const updateCountdown = function() { countdownElement.textContent = remainingSeconds; if (remainingSeconds <= 0) { clearInterval(countdownInterval); location.href = redirectUrl; } remainingSeconds--; }; updateCountdown(); countdownInterval = setInterval(updateCountdown, 1000); }; const stayOnPage = function() { isPopupVisible = false; popup.style.display = 'none'; if (countdownInterval) clearInterval(countdownInterval); resetIdleTimeout(); }; stayButton.addEventListener('click', stayOnPage); // Init on page load resetIdleTimeout(); // Reset the idle timeout on any of the events listed below ['click', 'touchstart', 'mousemove', 'scroll'].forEach(evt => document.addEventListener(evt, resetIdleTimeout, true) ); } })(); OR YOU CAN ADD THIS CODE TO THE HEADER CODE ON THE SPECIFIC PAGE <script> document.addEventListener('DOMContentLoaded', function() { // Find the idle-popup element and prevent the redirect var idlePopup = document.getElementById('idle-popup'); if (idlePopup) { idlePopup.style.display = 'none'; // Hide the popup // Override the function or event handler that triggers the redirect // This depends on how the redirect is implemented in your site-wide code. // Example: if there's an interval or timeout set for the redirect, clear it. clearTimeout(idleTimeout); } }); </script> I'm really sorry the code didn't work for you! Please, try this and DELETE THE CODE LINE FROM THE SPECIFIC PAGE HEADER! Best regards and again, i'm sorry -
I checked out the pages, and it sounds like you’re noticing some banding issues on the black backgrounds. Banding is when a gradient doesn’t appear smooth, and it can happen even if the color values are technically correct. It might be due to how the images or backgrounds are being compressed or the color depth being used. If the site hasn’t been updated recently, it might be related to how different devices or screens are rendering the colors or even a subtle change in how the background is being displayed due to browser updates. 1. Check Image Compression: • Squarespace Compression: Squarespace compresses images automatically to make the site load faster. Sometimes, this compression can cause artifacts or banding, even on flat, solid-color backgrounds. • Upload Higher Quality Images: If the black background is an image, try uploading a higher-quality version with minimal compression. PNG files are generally better than JPEGs for solid colors since they handle compression better and avoid artifacts. 2. Use a Solid Color Background: • Set Solid Color in Squarespace: Instead of using an image for the black background, use Squarespace’s built-in option to set a solid color background. Go to Design > Site Styles and set the background to pure black (#000000). This ensures there’s no compression or artifact issues. 3. Check for Overlays or Transparency: • Remove Overlays: Ensure there are no overlays or transparency settings applied to the background. Sometimes, a slight transparency can cause variations in color. • Background Block Settings: If the black background is part of a content block, check the block settings to make sure there’s no color overlay or transparency applied. Adjust or remove any settings that might be affecting the solid black color. 4. Clear Cache and Test on Different Devices: • Clear Browser Cache: Sometimes, cached versions of the site might be causing visual issues. Clear your browser cache and reload the page to see if the banding disappears. • Test on Different Devices: View the site on different devices and screens. The banding might appear differently depending on the screen quality or device, so it’s good to see how it looks across multiple devices. 5. Check Monitor Calibration: • Monitor Settings: Sometimes, the issue isn’t with the site but with the monitor’s calibration. Ensure that your monitor is properly calibrated, as poor calibration can cause colors, especially dark ones, to appear uneven. ---------------------------------------- To be honest I didn't notice anything, even after deep examination and with different browsers and devices! If you need more help or want to dig deeper, let me know! Best Regards,