Clickable row with JS Rollover me! CSS body:not(.fl-builder-edit) #av-clickable-row:hover { cursor: pointer; } .av-scale-bg .fl-row-content-wrap { position: relative; overflow: hidden; } body:not(.fl-builder-edit) .av-scale-bg .fl-module { z-index: 1; position: relative; } body:not(.fl-builder-edit) .av-scale-bg .fl-row-content-wrap::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: inherit; background-size: cover; transform-origin: center; transition: transform .4s ease-out; } .av-scale-bg .fl-row-content-wrap:hover::after { transform: scale(1.05); } JS jQuery(document).ready(function($){ $('body:not(".fl-builder-edit") #av-clickable-row').click(function() { window.open('https://www.wpbeaverbuilder.com'); return false; }); });
