Jump to content

Help with applying custom code to front page

Recommended Posts

Site URL: https://www.wearewatts.com/

Looking for help to change the code below so that it applies to the front page.

To be clear, click the "work" tab, the click the "live-action work" tab. Then hover your cursor over a video in the gallery. Notice how when you do this, a slightly transparent golden hue covers the video, plus the video's title is revealed and a play button enclosed inside a circle. I want this same effect to occur when one hovers a cursor over a video in the main gallery on the website's front page, too.

Website: wearewatts.com

The code for the video gallery under the "live action work" tab:

<h3 class="hide--mobile" style="text-align:center;"> 
<a href="/all" style="" target="_top">
    All     
</a> 
  
<a href="/animation" style="padding-left:5em" target="_top">
    Animation  
</a>
  
  <a href="/liveaction" style="padding-left:5em; ; color:#997b46" target="_top">
    Live Action  
</a>
  
<a href="/demoreel" style="padding-left:5em" target="_top">
    Demo Reel
</a>
  
</h3>

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.