Docs

[armintz]

Promo code looks good in Chrome, but Firefox and Safari show an extra horizontal line above my photos.

Screenshot of what I’m referring to is attached – how can I remove this?

Example shortcode i’m using:

[promo]<a href="/corporate/eastman-kodak-it-outsourcing/"><img src="http://elizabethgray.wpengine.com/wp-content/uploads/2016/10/eastman-kodak.jpg" alt="eastman-kodak" width="300" height="300" class="aligncenter size-full wp-image-167" /></a></a><a href="/corporate/eastman-kodak-it-outsourcing/"><hr>Eastman Kodak: IT Outsourcing</a>[/promo]

Will reply with link (site is in development/password protected)

Thanks

[armintz]

This reply has been marked as private.

[Lely]

Hi There,

Upon checking, you’re shortcode is incorrect. Should be something like this:

[x_promo image="http://elizabethgray.wpengine.com/wp-content/uploads/2016/10/eastman-kodak.jpg" alt="eastman-kodak"]<a href="/corporate/eastman-kodak-it-outsourcing/"><hr>Eastman Kodak: IT Outsourcing</a>[/x_promo]

Hope this helps.

[armintz]

Looks much better, but I should have mentioned i’m using a slightly modified promo code in order to link the image and not just the text below it (found in another support thread). This is better UX. Is this possible with your code?

[armintz]

FYI i was able to solve this with javascript in customizer:

jQuery(document).ready(function($) {
  $('.x-promo').hoverclass();
});

// Hover Link
(function($){$.fn.hoverclass=function(){return this.each(function(){$(this).bind('mouseover',function(){$(this).addClass('active')}).bind('mouseout',function(){$(this).removeClass('active')}).bind('click',function(){window.location=$('a',this).attr('href')})})}})(jQuery);
and following under Custom > CSS in the Customizer:

and this css in customizer:

.x-promo {
   cursor: pointer;
}

promo element shortcode:

[x_promo image="YOUR-IMAGE.JPG" alt="your-image-alt-text-here"]<a href="YOUR LINK GOES HERE">PROMO TEXT BELOW IMAGE GOES HERE</a>[/x_promo]

[Joao]

Glad to hear it and thanks for letting us know,

Joao

[Author]

Posts