• Welcome to the Chevereto User Community!

    Here, users from all over the world come together to learn, share, and collaborate on everything related to Chevereto. It's a place to exchange ideas, ask questions, and help improve the software.

    Please keep in mind:

    • This community is user-driven. Always be polite and respectful to others.
    • Support development by purchasing a Chevereto license, which also gives you priority support.
    • Go further by joining the Community Subscription for even faster response times and to help sustain this space
  • Chevereto Support CLST

    Support response

    Support checklist

    • Got a Something went wrong message? Read this guide and provide the actual error. Do not skip this.
    • Confirm that the server meets the System Requirements
    • Check for any available Hotfix - your issue could be already reported/fixed
    • Read documentation - It will be required to Debug and understand Errors for a faster support response

Possible to Wrap Embed Codes with custon CSS class.

darkufo

darkufo

Chevereto Member
🎯Description of the issue

This is not really a problem more of a how to do as i could not find anything in the help. I'm pretty technical so don't mind getting my hands dirty.



▶🚶‍Reproduction steps
  1. Goto an Album and click on Embed
  2. Select HTML Thumbnail Linked.
This displays correctly the embed code.

eg something like this

<a href="https://gallery.spoilertv.com/image/vjmd"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_19_800x600.th.jpg" alt="1030224_2_3471867_19_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vyZ4"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_12_800x600.th.jpg" alt="1030224_2_3471867_12_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vxHu"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_17_800x600.th.jpg" alt="1030224_2_3471867_17_800x600.th.jpg" border="0"></a>

What I would like is for the code the be wrapped with something like this

<div class="mythumbnailcss">
<a href="https://gallery.spoilertv.com/image/vjmd"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_19_800x600.th.jpg" alt="1030224_2_3471867_19_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vyZ4"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_12_800x600.th.jpg" alt="1030224_2_3471867_12_800x600.th.jpg" border="0"></a> <a href="https://gallery.spoilertv.com/image/vxHu"><img src="https://gallery.spoilertv.com/images/2020/02/28/1030224_2_3471867_17_800x600.th.jpg" alt="1030224_2_3471867_17_800x600.th.jpg" border="0"></a>
</div>

This way I can control the appearance via CSS of the images etc when embedded on my site. eg size/padding/margin etc

How would I go about added the <div class="mythumbnailcss"> and </div> to the generated thumnbail code?
 
I managed to do this myself.

I justed needed to make the changes in the app/themes/Peafowl/snippets/embed.php file.
 
You must log in or register to reply here.
Back
Top