> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/nika/portfolio.md).

# Portfolio

### Load Portfolio Preset

Go to Site Template Styles > Duplicate the default template "astroid\_nika - Default" > Rename the template (ex: astroid\_nika - Portfolio). 

Edit the template "astroid\_nika - Portfolio" > Template options > Preset Profiles. Click on "Load Preset" of the Portfolio template. 

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FI6AIrfJuydodrVUMrBLh%2Fnika-load-presets.png?alt=media&amp;token=31bf6247-922a-4d04-be66-49f5b59fd38b" alt=""><figcaption><p>Preset Profiles</p></figcaption></figure>

### Portfolio Menu

* Menu Item Type: Articles / Category Blog
* Choose a category: choose a portfolio category
* Template style: astroid\_nika - Portfolio

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FzbNnJdcph3DmkKMTtu68%2Fnika-portfolio-menu.png?alt=media&amp;token=162f0999-5d0d-40aa-a804-21459bb4ffa5" alt=""><figcaption><p>Portfolio Menu</p></figcaption></figure>

### Configure the number of article columns

From the menu panel > Blog Layout > Here you can set the article limit and the number of columns showcasing articles.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FUQagdzZWzm4vk3JQJG2k%2Fnika-blog-layout.png?alt=media&amp;token=e01cd8ac-c100-479f-a057-8bf3f337a9d7" alt=""><figcaption><p>Layout Options</p></figcaption></figure>

### Configure the image overlay

In the Blog Options tab, move down to the Blog Layout Options, and you'll see an option to choose layout.&#x20;

If you choose Image Overlay, then you have options to choose the overlay content position, content on hover, overlay color.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FlHiPwkN6qR0wAhZ5oATV%2Fnika-blog-options.png?alt=media&amp;token=45aa97df-ad75-4d03-bcdd-0051e3287cf7" alt=""><figcaption></figcaption></figure>