Hello,
We are attempting to add hyperlinks to photo credits in our Featured Image captions by using simple HTML for a hyperlink. Typically, WordPress is able to display a hyperlink in the caption using this method however the Newspaper theme is not allowing us to click on the hyperlink. Below is a link showing the issue. You can see we gave credit to the illustrator of our Featured Image however we are unable to click on her name.
https://thefreshtoast.com/cannabis/i-used-nuggmd-to-get-my-med-card-and-this-is-what-happened/
Any information on how to solve this is greatly appreciated. Thank you.
Matthew Blockus
Systems Administrator
The Fresh Toast
Hi,
Something is not quite right there, what you are trying to do should work correctly, I tested it on my end. Does it work if you set a different post template?
I believe it is a design problem with the cloud template used, which one did you import so I can test it on my end. Try importing it again and set it to a post, without making any CSS modifications to it. Check if the same happens, could also be some CSS modifications you made to it.
The link HTML is valid and should work but it cannot be clicked because another container is on top of it. Let me know.
Thanks
Hi Simion,
Thanks for you response. I tried changing the post template to the default and was successfully able to display and click the hyperlink. The template that gives us this issue is a custom template that we created. I tried resetting the post to that template however the error persisted.
We haven’t altered CSS outside of the options within the TagDiv Composer but we do have a custom solution in place for ad placements. Could this also have something to do with the problem?
Thanks again for your help.
Matthew Blockus
Systems Administrator
The Fresh Toast
Hi,
I don’t see a relation to the ads, that’s not the case I believe. Seems the featured image container is over the author name and link, and one cannot interact with them. A quick fix would be to use some CSS to create a margin
– http://prntscr.com/njy044
Then the problem should be fixed. If you want to give it a try, enter the code in the custom CSS section of the theme panel
.tdb_template_106606 .tdb_single_featured_image {
margin-bottom: -15px !important;
}
Let me know if the code doesn’t work, I will modify it or try something else.
Thanks
Hello again Simion,
Just tried your custom CSS code to no avail, still unable to click on the hyperlink. I tried changing the pixel value in the code to maybe try lifting the container even further but that didn’t work either.
Thank you again for your assistance.
Matthew Blockus
Systems Administrator
The Fresh Toast
Hi,
Works alright when I test it. I checked in a different post because the one from above leads to a 404. Before using the code I can’t even select the caption text, but after adding that margin this issue should be fixed – http://prntscr.com/nky7ma
– http://prntscr.com/nky8jk
Try it like this, it is stronger
.tdb_template_106606 .tdb_single_featured_image.td_block_wrap {
margin-bottom: -15px!important;
}
Clear the cache after entering the code in the theme panel.
Or you could try to edit the cloud post template, then set a negative margin bottom for the featured image element – http://prntscr.com/nkybar this should work just as well.
Thanks
Hi Simion,
Success! The code you attached in your last message worked for us. Thank you again for your assistance.
Matthew Blockus
Systems Administrator
The Fresh Toast
