• Welcome to the Chevereto user community!

    Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.

    Please keep in mind:

    • 😌 This community is user driven. Be polite with other users.
    • 👉 Is required to purchase a Chevereto license to participate in this community (doesn't apply to Pre-sales).
    • 💸 Purchase a Pro Subscription to get access to active software support and faster ticket response times.
  • Chevereto Support CLST

    Support response

    Support checklist

Possible to Wrap Embed Codes with custon CSS class.

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.
 
Back
Top