Widget link to post/page

Hi Fabio

You may be to use JS to handle this:

http://davidegan.me/make-a-div-clickable-with-jquery/

That little script could be wrapped in script tags and used inline.

Magus

Hi Fabio

I have found and tested a way for you to achieve this in CSS. In Attributes for the Visual Editor add an entry into Widget Class.

I will use ‘myfeatures’ as an example.

In Custom CSS (Appearance->Custom CSS) Add the following

div .myfeatures {
 position: relative; 
}
div.myfeatures a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

If you give all the Visual editor widgets on that page the same widget class name then we only need to use this CSS once. You can change the ‘myfeatures’ to whatever you want.

Let us know how you get on

Magus

Let us know how you get on

Magus

You are most welcome.

If you need any more help please don’t hesitate to open a new support thread.

Magus