Rollover Images in Promotion Headline Area?

Tagged: html, images

This topic has 1 reply, 2 voices, and was last updated 9 years, 6 months ago by Sakin.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
May 21, 2015 at 8:19 am #58086

JOSHUA
Participant

I am trying to add a rollover image to the promotional area…I wanted to have two (2) Promotional Headline Buttons and rollovers just seemed easier. I can’t seem to get it to work there though. The MAKE A RESERVATION and TODAY’s MENU buttons are just placeholders at the moment.

Here is the PAGE

Here is what I have for rollover image example, and it seems to work on HTML test sites (maybe I need CSS):
<a href="http://rez.opentable.com/reservation/start/3012?source=selfhost"><img src="http://giantstepdesign.com/TESTER/wp-content/uploads/2015/05/rollover1jpg.jpg" onmouseover="this.src='http://giantstepdesign.com/TESTER/wp-content/uploads/2015/05/rollover2jpg.jpg'" onmouseout="this.src='http://giantstepdesign.com/TESTER/wp-content/uploads/2015/05/rollover1jpg.jpg'" /></a>

May 23, 2015 at 8:08 pm #58180

Sakin
Keymaster

@JOSHUA: due to security reason, it will not that that all onmouseover and our event. So, it will just load as
<a href="http://rez.opentable.com/reservation/start/3012?source=selfhost"><img src="http://giantstepdesign.com/TESTER/wp-content/uploads/2015/05/rollover1jpg.jpg" /></a>

This is not possible in Promotion Headline Options from Customizer. For this, you need to build child theme. For child theme refer to http://catchthemes.com/blog/create-child-theme-wordpress/ and then you need to copy function fullframe_promotion_headline() from fullframe-core.php file to your child theme functions.php file and edit the code as per your need.
Author

Posts