Jump to content

visionsbyfurks

Member
 View Profile  See their activity

  • Posts

    70

  • Joined

  • Last visited

 Content Type 

Everything posted by visionsbyfurks

  1. visionsbyfurks
    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. visionsbyfurks
    @tuanphan It's the same sadly
  3. visionsbyfurks
    @bangank36 Hi, would you know?
  4. visionsbyfurks
    @tuanphan Is that clearer?
  5. visionsbyfurks
    @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?
  6. visionsbyfurks
    @tuanphan Hi, hope you're good. Is this something you'd be able to assist with?
  7. visionsbyfurks
    Nice, it doesn't stay aligned to the images when you resize the window? How do I change that? @bangank36
  8. visionsbyfurks
    @bangank36 Also I want this across all the pages on every nav / page
  9. visionsbyfurks
    How do I add it in the navigation? I don't think I can add a text block to the navigation bar @bangank36
  10. visionsbyfurks
    Which is more effective? @bangank36
  11. visionsbyfurks
    No that's an example which I did on Photoshop of what I want I want to put text in that position ideally @bangank36
  12. visionsbyfurks
    I haven't figured it out yet. I have not added it because I don't know how to @bangank36
  13. visionsbyfurks
    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?
  14. visionsbyfurks
    @tuanphan Will each image be clickable, with overlay text like in the example website shown? – https://www.daviescreations.co.uk/
  15. visionsbyfurks
    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?
  16. visionsbyfurks
    @tuanphan How do I remove some of the spacing for mobile too? website link
  17. visionsbyfurks
    How do I increase the spacing between 2 navigation text links with this code, ONLY on mobile please? @tuanphan
  18. visionsbyfurks
    Yes please @tuanphan
  19. visionsbyfurks
    @Web_Solutions This fills the circle in white. I want the outline circle to highlight white and the chevron icon to turn white
  20. visionsbyfurks
    Thank you, it works, do you know how I can have it so that on hover it turns white? @bangank36
  21. visionsbyfurks
    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>
  22. visionsbyfurks
    @bangank36 Ah ok, that's a shame. Never mind.
  23. visionsbyfurks
    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
  24. visionsbyfurks
    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.
  25. visionsbyfurks
    @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.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources