Docs

[kateanita]

Hi,

I’ve read through all of the help threads for this topic and nothing has been working. All I want is for an image to link to an external page and open in a new tab. I’ve tried adding it through visual composer, the theme and text and none of the links are working. Please advise.

The page is http://www.homefedcorporation.com/portfolio/escaya/.

The image that is supposed to be linked is the “view construction progress now” icon under the custom headline.

The current shortcode (that is not working) looks like this:

[vc_row padding_top="0px" padding_bottom="0px" bg_video="" class="float-left-70" style=""][vc_column fade_animation_offset="45px" width="1/6" id="" class="" style=""][text_output]<a href="https://app.oxblue.com/open/homefed/escaya" target="_blank"><img class="alignnone wp-image-1357" src="http://www.homefedcorporation.com/wp-content/uploads/2016/11/VideoIcon.png" alt="Escaya live feed" width="200" height="176" /></a>[/text_output][/vc_column]

Thank you,

Katie

[kateanita]

I realized this issue is related to the image class I have applied to the column the image is in. If I remove the class, the link works. But I need the image class applied for styling. Why would the link not work with an image class applied? The extra CSS I have for that class is just this:

p.float-left-70 {
  margin-bottom: 1em;
}

@media only screen and (min-width: 767px) {
.float-left-70 {
  width: 70% !important;
  float: left !important;
}
}

Thanks.

[Joao]

Hi Kate

I could not find the image and your code looks correct.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[kateanita]

Ok, I was actually able to fix it by removing the class entirely and adding clear: both; to the style for that row.

Still wondering though what was wrong with my float-left-70 class CSS that was causing the problem – do you see what’s wrong with the CSS?

Thanks!

Katie

[Friech]

Hi Katie,

By the looks of it, it seems the map image is overlapping the link image so it can’t be click. But sorry we cant confirm that anymore since you already address the issue.

Glad you sorted things out.

Thanks.

[kateanita]

Ok, thanks for the input!

[Thai]

If you need anything else please let us know.

[Author]

Posts