I stumbled upon this amazing theme that has captured my heart.
Start Bootstrap template
I am planning to use this theme for my portfolio website, but I need to make a few modifications to achieve my desired look.
When you click on any of the thumbnails, I want a larger image to pop out as the main showcased image. I envision this image being big, around 1280 px and having overflow set to auto or scrollable.
I tried setting the parent div
to have an overflow property of auto, but it didn't work. I then changed it to scroll, but still no luck.
Here is the HTML code snippet:
<section class="no-padding" id="portfolio">
<div class="container-fluid">
<div class="row no-gutter popup-gallery">
<div class="col-lg-8 col-lg-offset-2 text-center portfolio_text_padding">
<h2 class="section-heading">Portfolio</h2>
<hr class="light color">
<p class="text-faded portfolio">
It's portfolio time, showcasing the work.
</p>
</div>
<div class="col-lg-4 col-sm-6">
<a href="img/portfolio/bkg.png" class="portfolio-box" >
<img src="img/portfolio/thumbnails/1.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Category
</div>
<div class="project-name">
Project Name
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
The image I wish to insert inside those thumbnails is sized at 1400px by 2000px, inspired by Behance
Thank you in advance!