Blask Theme Hover over images off?

• 

  heronimus · Member · Apr 23, 2016 at 8:38 pm

  • Copy link
  • Add topic to favorites

  Hi There,

  I would like to switch the hover over the images off (which creates a black box with transparency when the mouse enters).

  Does anyone know what css code I can use for this?

  Thanks a lot!

  J

• 

  michaelvandenberg · Member · Apr 24, 2016 at 9:33 am

  • Copy link

  Howdie!

  This should remove the hover effects from your images:

  .portfolio-thumbnail a:hover img {
  	opacity: 1;
  }
  
  .portfolio-thumbnail a:hover:after {
  	box-shadow: none;
  }

  Add this if you also want to hide the title when the image is hovered:

  .portfolio-thumbnail:hover .project-title {
  	opacity: 0;
  }

  Let me know if this helps!

  Best regards,

  Michael

• 

  heronimus · Member · Apr 24, 2016 at 9:38 am

  • Copy link

  Hi Michael,

  Thanks a lot, made my day! It works perfect!

  Best Regards,

  Jeroen

• 

  heronimus · Member · Apr 24, 2016 at 2:56 pm

  • Copy link

  Could you also tell me how to get rid of the seperation lines in the menu on the left? I figured you might know that as well!

  Thanks!

  J

• 

  thesacredpath · Member · Apr 25, 2016 at 7:54 pm

  • Copy link

  Jeroen, this will hide those lines in the navigation on Blask.

  .main-navigation li {
      border: none;
  }

• 

  heronimus · Member · Apr 25, 2016 at 7:59 pm

  • Copy link

  Hi Thesacredpath,

  This is working! Thank you so much.

  J

• 

  thesacredpath · Member · Apr 25, 2016 at 11:11 pm

  • Copy link

  Hooray and you are welcome.