# Post Template

The appearance of a post's head depends on whether it has a featured image and whether the post is featured.

### Normal Post With Featured Image

<figure><img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2FiWbNdRsYpysL23oD7CzY%2Fno-feat.png?alt=media&#x26;token=c2f0c1a7-6c3d-44c1-971d-074c15ac7752" alt=""><figcaption><p>Normal Post With Featured Image</p></figcaption></figure>

### Normal Post Without Featured Image

<figure><img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2FxLGkcrWyqT37RaT1Tdll%2Fno-feat-no-img.png?alt=media&#x26;token=93d4abc3-5e61-4789-82eb-70aa3578ee2b" alt=""><figcaption></figcaption></figure>

### Featured Post With Featured Image

<figure><img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2FdpW5gZkn4hns2bV9i0Wo%2Ffeat-img.png?alt=media&#x26;token=144aa9be-5e2b-4e90-8fed-c91e7a7894dc" alt=""><figcaption></figcaption></figure>

### Featured Post Without Featured Image

<figure><img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2Fledk03ZFoBOcHrPi6NbL%2Ffeat-no-img.png?alt=media&#x26;token=5745723d-7d66-4016-926d-7b185a5157be" alt=""><figcaption></figcaption></figure>

### To feature the post:

* On the post editor page, click<img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2FjafE8K5kJ5uVqReN9ZPN%2F01.png?alt=media&#x26;token=bd4285b8-9261-4cdc-ad1b-e631c1df89b5" alt="" data-size="line">icon in the top right corner to open the **Post settings**
* Then, find **this**<img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2FDgDbkngCZQUcrCU7C4s8%2F001.webp?alt=media&#x26;token=57ad331f-e876-4e2e-8a1c-6648b8a22c08" alt="" data-size="line">**toggle** and click to **feature your post**

***

**Principle** offers an optional **lightbox** feature for images in a post's content.

This intuitive functionality allows users to click on any image card or any image inside gallery card within the post content, after which the image is prominently displayed in a "lightbox" overlay. This special view not only focuses the user's attention on the image but also provides an option to zoom in for a closer look at the details. This makes for a more interactive and engaging experience when browsing through content.

**Post WIth Lightbox Example:**&#x20;

<div><figure><img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2Fhb6VQFXOuqfXGQaDJlDN%2Flightbox.JPG?alt=media&#x26;token=140bea29-8134-47c1-8e59-cb8f1d54a260" alt=""><figcaption><p>Image Gallery</p></figcaption></figure> <figure><img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2FKnwvAyJgKclYjM4k1xBn%2Flightbox-1.JPG?alt=media&#x26;token=28174fa4-2912-4b1c-bc3a-cc3db2555f46" alt=""><figcaption><p>Lightbox</p></figcaption></figure> <figure><img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2Fi7wKVoCM7e5VvrnVGSyJ%2Flightbox-2.JPG?alt=media&#x26;token=ffea8f5b-61b8-45ff-ad06-d7162861dcd3" alt=""><figcaption><p>Zoomed in</p></figcaption></figure></div>

<https://principle.highfivethemes.com/youth-sports-building-character-and-skills-for-life-copy/>

### To turn on Lightbox feature when you publish a post:

* On the post editor page, click <img src="https://3747166499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNEUq8JgkqyvfvcerS2FD%2Fuploads%2FjafE8K5kJ5uVqReN9ZPN%2F01.png?alt=media&#x26;token=bd4285b8-9261-4cdc-ad1b-e631c1df89b5" alt="" data-size="line"> icon in the top right corner to open the **Post settings**
* Then, find the **Tags** setting and add the **#lightbox** tag.