code I wanted to set portfolio first item default to true.

Here is the website link:
https://www.clearchain.house/home-new

I wanted to show the portfolio first child image on the right and also on hover the portfolio items it will show the different image. and make the items not clickable.

I have attached the section image below.

On 2/5/2024 at 1:42 PM, square_case said:

Here is the website link:
https://www.clearchain.house

I wanted to show the portfolio first child image when someone open the website and also on hover the portfolio items it will show the different image. and make the items not clickable.

I attached the section image below.

this is the code that I'm using for it:

<script>
  document.addEventListener('DOMContentLoaded', function () {
    // Find the first .portfolio-hover-item and set data-active to true
    var firstPortfolioItem = document.querySelector('.portfolio-hover-item:first-child');
    if (firstPortfolioItem) {
      firstPortfolioItem.setAttribute('data-active', 'true');
    }
  });
</script>

The url doesn't work. Can you check it again?

here is the url:
https://www.clearchain.house

On 2/7/2024 at 3:10 PM, tuanphan said:

The url doesn't work. Can you check it again?

here is the url:
https://www.clearchain.house