Responsive Huddle Landing Page built with HTML & SASS

Community feedback

• 

  Han•340

  @hcxwebPosted almost 3 years ago

  Hello DK, I experimented with your social media svg file, and I think the problem may be due to the property of that particular style. You see how your svg files look like the inverse of those in the original design. I recommend using icons from font awesome and see if that helps.

  0

  ---

  

  DanielK•440

  @DanK1368Posted almost 3 years ago

  @hcxweb You are right, I shouldve chosen better icons. I found a solution though since the logos within the circle are transparent, I gave them a background of the active color and cropped it to a circle, like this:

  .social-media-icons:hover { scale: 110%; cursor: pointer; background: $active-color; border-radius: 50px; }

  0
• 

  Nakoya Wilson•1,530

  @nakoyawilsonPosted almost 3 years ago

  If you use the svg code directly in the html I believe the fill property you need to change is actually in the path tag. Try using svg path:hover {fill: pink; } instead and see if that works.

  0

  ---

  

  DanielK•440

  @DanK1368Posted almost 3 years ago

  @nakoyawilson Thanks for the tip. You were right, this solves the issue. I found a solution though to this problem, better suited to the icons Ive chose. :)

  0