Increase Size Of Image On Mouse Rollover

• 

  welcometotravels · Member · Jul 8, 2017 at 8:45 am

  • Copy link
  • Add topic to favorites

  If you can see the three images – Why Melbourne, Why Us, Why Not?

  You can see they are not very interactive. What I’m hoping to do is increase the size of the image by 15% when a mouse rolls over them.

  Is there any possible way of doing this?

  The blog I need help with is: (visible only to logged in users)

• 

  garysixtyeight · Member · Jul 8, 2017 at 10:22 am

  • Copy link

  Hi there,

  Please try adding the CSS below to your site in My Sites → Customize → CSS .

  #home-content img {
      transition: all .3s ease-in-out;
  }
  
  #home-content img:hover {
      transform: scale(1.1);
  }

• 

  welcometotravels · Member · Jul 8, 2017 at 10:29 am

  • Copy link

  You are a legend. Thank you.

• 

  garysixtyeight · Member · Jul 8, 2017 at 10:33 am

  • Copy link

  You’re welcome :)

• 

  welcometotravels · Member · Jul 8, 2017 at 10:51 am

  • Copy link

  Gary, something completely unrelated.

  Is there anyway that you can install a button that changes a number value.

  e.g.

  Value is $899AUD DISPLAYED LARGE

  Then have 6 buttons to display different currencies would have AUD, GBP (current rate 0.59), CAD (0.98), EUR (0.67), USD (0.77), CHF (0.73)

  The value then changes to CAD value (based on conversion amount 899*0.59)

  Any help would be greatly appreciated.

• 

  garysixtyeight · Member · Jul 8, 2017 at 11:04 am

  • Copy link

  I don’t think that would be possible with css.

  It’d probably require custom javascript, which isn’t permitted on WordPress.com sites for security reasons – unless you have a Business plan which would allow you to install plugins, which might help with this.

  You should try posting a separate thread for that issue in the general support forum so others can chime in:

  https://en.forums.wordpress.com/forum/support#postform