Hi David,
I can’t reproduce your issue. Does the problem occur only in widgets or are you experiencing the same issue when editing pages/posts?
Please take a look at our troubleshooting guide in our FAQ.
Hello:
The problem occurs in widgets.
Thanks
This is the code. Please check. Is there any error?
<a href="http://www.tribesix.com/wp-content/uploads/2016/04/Tribe.png" rel="attachment wp-att-12505"><img src="http://www.tribesix.com/wp-content/uploads/2016/04/Tribe.png" alt="free guitar lessons" width="250" height="398" class="alignleft size-full wp-image-12505" /></a><a href="http://guitarlessons.tribesix.com" target="_blank"></a>
Your code is not corresponding to what you want to obtain (the image is linked to itself while the external link is empty.
The correct code should be:
<a href="http://guitarlessons.tribesix.com" target="_blank"><img src="http://www.tribesix.com/wp-content/uploads/2016/04/Tribe.png" alt="free guitar lessons" width="250" height="398" class="alignleft size-full wp-image-12505" /></a>
But… I´ve don’t made anything. The plugin made the code.
And the code you give don´t works either.
Please note that the HTML code is not generated by our plugin, but by WordPress native visual editor (TinyMCE).
Anyway, I thinks that you just added the link without first selecting the image to be linked.
I have selected the image before putting the link. I’ve spent years doing it in different blogs.
That’s not the problem.
In any case, thanks for your interest. I will continue investigating.
If you have an idea of what the problem is, please let me know
Hi David,
the html code I gave you works fine for me. If you still think there’s an issue with our plugin (I don’t think so), please read the troubleshooting guide in our FAQ. It would be also helpful if you could record a short video where you show the exact steps to reproduce the problem.
The code that appears at the end of the video is correct (it’s similar to the one I posted above and different from the one you posted earlier).
The problem is indeed not strictly related to the HTML code. It appears to be an odd CSS conflict (depending on your theme) due to the combined usage of position: relative;
and float: left;
elements, which makes the link not clickable because it has no dimensions.
See this discussion for further information about a similar issue.
In particular in your case the problem is given by the following rules applied to widgets:
.fusion-content-widget-area .widget {
margin-bottom: 45px;
position: relative;
}
.sidebar .widget {
margin-bottom: 45px;
position: relative;
}
and the following applied to (aligned left) image:
.alignleft {
display: inline;
float: left;
margin-right: 15px;
}
(All rules come from your style.css).
The easiest way to fix the issue is to center the image, so that the latter CSS rule is not applied (without the floating the div widget keeps its height). Otherwise you’ll have to change or override your theme’s stylesheet.
Please note that the issue is not directly depending on our plugin, you would have the same result using the same code with the native WordPress text widget.
ok, thank you so much for your support.
Regards