Reply To: Portfolio
Hello, thanks for your purchase.
By default, the filter on this demo is defined to “Show All” on start. You can change it trough data-plugin-options="{'filter': '.ui-design'}" in the “sort” html div. For example:
<ul class="list-unstyled sort-source" data-sort-id="portfolio" data-option-key="filter" data-plugin-options="{'filter': '.ui-design'}">
<li class="nav-item" data-option-value="*">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">View All</a>
</li>
<li class="nav-item active" data-option-value=".ui-design">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">UI Design</a>
</li>
<li class="nav-item" data-option-value=".web-development">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">Web Development</a>
</li>
<li class="nav-item" data-option-value=".b2b-software">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">B2B Software</a>
</li>
<li class="nav-item" data-option-value=".content-marketing">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">Content Marketing</a>
</li>
<li class="nav-item" data-option-value=".email-marketing">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">Email Marketing</a>
</li>
<li class="nav-item" data-option-value=".search-engine-optimize">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">Search Engine Optimize</a>
</li>
<li class="nav-item" data-option-value=".social-media-ads">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">Social Media Ads</a>
</li>
<li class="nav-item" data-option-value=".brand-and-identity">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">Brand and Identity</a>
</li>
<li class="nav-item" data-option-value=".content-strategy">
<a href="#ourWork" data-hash data-hash-offset="100" class="text-color-quaternary text-color-hover-light text-decoration-none mb-2 py-0 d-block">Content Strategy</a>
</li>
</ul>
* Note data-plugin-options="{'filter': '.ui-design'}". This will start the page with “.ui-design” portfolio category showing.
* Also note that I removed the active class from “Show All” and added in the “UI Design” category.
Please try that and let us know if you need further assistance.
Kind Regards,
Rodrigo.
If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads