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

@tuanphan It's the same sadly

@bangank36 Hi, would you know?

@tuanphan Is that clearer?

@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?

@tuanphan Hi, hope you're good. Is this something you'd be able to assist with?

Nice, it doesn't stay aligned to the images when you resize the window? How do I change that? @bangank36

@bangank36 Also I want this across all the pages on every nav / page

How do I add it in the navigation? I don't think I can add a text block to the navigation bar @bangank36

Which is more effective? @bangank36

No that's an example which I did on Photoshop of what I want

I want to put text in that position ideally @bangank36

I haven't figured it out yet. I have not added it because I don't know how to @bangank36

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?

@tuanphan Will each image be clickable, with overlay text like in the example website shown? – https://www.daviescreations.co.uk/

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?

@tuanphan How do I remove some of the spacing for mobile too?

website link

How do I increase the spacing between 2 navigation text links with this code, ONLY on mobile please? @tuanphan

Yes please @tuanphan

@Web_Solutions This fills the circle in white. I want the outline circle to highlight white and the chevron icon to turn white

Thank you, it works, do you know how I can have it so that on hover it turns white? @bangank36

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>

@bangank36 Ah ok, that's a shame. Never mind.

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

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.

@tuanphan www.furkhaniqbal.com – If you check how it looks on desktop, I want it the same on mobile, aligned to the right