Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by visionsbyfurks

  1. Hello, My website: http://www.furkhaniqbal.com I have applied an a hover effect to my images (see below): img:hover {transform: scale(1.1); transition: .4s;} img{transform: scale(1); transition: .4s;} I wanted this hover to appear only on images with hyperlinks, however at the moment it is applying the effect to every image I add onto the website. How do I change this so it only applies to hyperlinked images? Thanks
  2. @tuanphan When I resize the page, the "Digital Designer" text in the navigation bar isn't fixed, therefore it moves position. Is there a way of having this fixed?
  3. @tuanphan Hi, hope you're good. Is this something you'd be able to assist with?
  4. Nice, it doesn't stay aligned to the images when you resize the window? How do I change that? @bangank36
  5. @bangank36 Also I want this across all the pages on every nav / page
  6. How do I add it in the navigation? I don't think I can add a text block to the navigation bar @bangank36
  7. No that's an example which I did on Photoshop of what I want I want to put text in that position ideally @bangank36
  8. I haven't figured it out yet. I have not added it because I don't know how to @bangank36
  9. Site URL: http://www.furkhaniqbal.com Hi, I wanted to add the following text "Digital Designer" beside the site title. However, I did not want it to appear on mobile (desktop only) and wanted it optimised so it maintains inline with the rest of the content? How could I do this?
  10. @tuanphan Will each image be clickable, with overlay text like in the example website shown? – https://www.daviescreations.co.uk/
  11. Site URL: http://www.furkhaniqbal.com Hello, Does anyone know how I could achieve a homepage slider where portfolio items are displayed and clickable? Exactly the same as the example below: https://www.daviescreations.co.uk/ Is there a code / plugin I could purchase to achieve this?
  12. @tuanphan How do I remove some of the spacing for mobile too? website link
  13. How do I increase the spacing between 2 navigation text links with this code, ONLY on mobile please? @tuanphan
  14. @Web_Solutions This fills the circle in white. I want the outline circle to highlight white and the chevron icon to turn white
  15. Thank you, it works, do you know how I can have it so that on hover it turns white? @bangank36
  16. Site URL: http://www.furkhaniqbal.com Hello, I have a piece of code that I've put in the footer injection. I wanted to customise it so the back to top symbol is an outline in grey rather than it being filled. At the moment I've only managed to do this on a hover state rather than normal. I wanted to have this look for normal and when the user hovers, the outline and symbol turns white. <style> #myBtn { width: 40px; height: 40px; display: none; position: fixed; bottom: 20px; right: 20px; z-index: 1; border-style: solid; border-width: 1.5px; font-size: 13px !important; color: #7d7d7d; cursor: pointer; padding: 10px 10px 10px 10px; border-radius: 50%; // Change the hex code in the next line to change background color background-color: #000000; } #myBtn:hover { background-color: #000000; } </style> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/js/all.min.js" crossorigin="anonymous"></script> <button onclick="topFunction()" id="myBtn" title="Go to top"> <i class="fas fa-chevron-up"></i> </button> <script> window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { document.getElementById("myBtn").style.display = "block"; } else { document.getElementById("myBtn").style.display = "none"; } } function topFunction() { $('html,body').animate({ scrollTop: 0 }, 1000); } </script>
  17. Site URL: http://www.furkhaniqbal.com Hello, I wanted to make the website title and navigation inverted once the title / nav links go over an image... Please see example: https://isabelmoranta.com/case/nike-ntc-live
  18. Site URL: http://www.furkhaniqbal.com Hello, I am having troubles with the mobile responsive version of my website where the text overflows on the info page. When I mean overflow, I want each word on its own line however it's overflowing across 1 or more. Example attached of desktop and mobile.
  19. @tuanphan www.furkhaniqbal.com – If you check how it looks on desktop, I want it the same on mobile, aligned to the right
  • 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.