h4stur

Yep, this is the dirty part ?? My theme annoys me, overriding this custom CSS in the stylesheet…This is why I used inline CSS – for now. But you’re totally right about that!

If someone would like to have a template like that, please stick to Claude’s advice before.

Hi Claude,

thanks for your answer. I did what you recommended, but wasn’t satisfied with that. So as a (dirty?) little workaround I played with some CSS for the Template.

I want to share that Template here, for other users to adapt for their needs, or maybe someone even could add and share some improvements.

The Template has following features:

• The Image Credits are appended after the Image Caption
• if a [link] is present, [source] is shown in “red”
• if no [link] is present, [source] is shown in “grey”
• if a [license] is given, it shows a vertical bar followed by the license after [source]
• if no [license] is given, it does not show the vertical bar as well
• if a [license_link] is given, [license] shows it red, if not in grey (similar to source link)

My template (minus the line breaks):

<style>#media-credit-a[href=""]{color: grey !important;};</style>
<span class="media-credit">
<a id="media-credit-a" href="[link]" rel="noopener noreferrer" style="font-style: italic; font-size: 70%; color: red;">
&copy [source]
</a></span>
<style>#media-credit-l:not(:empty):before{content: " | ";font-style: normal;};</style>
<style>#media-credit-l[href=""]{color: #grey !important;};</style>
<span class="media-credit-l">
<a id="media-credit-l" href="[license_link]" rel="noopener noreferrer" style="font-style: italic; font-size: 70%; color: red;">
[license]</a></span>

Maybe that is not the most elegant solution code-wise (looks a little bit bloated), but it’s a solution. It produces a nice looking result. I am open for any criticism or suggestions. Thanks ??