Ayzhh 0 Posted February 13 Hi There, I'm using the Novo template. Each square image on the main menu links to a page within the site. How can have some of them link to an external web page instead? Thanks... Share this post Link to post
0 tuanphan 6,595 Posted February 14 (edited) Can you share link to your site? I can take a look. Edited February 14 by tuanphan 1 Ayzhh reacted to this Send me a message if you have any questions (free 10 minutes) Free code: Squarespace 7.0 (4000+ code) Learn CSS Basic: Treehouse - W3Schools - Flexbox Other groups: SS Customization Resource Group - SS CSS Support - SS Community Share this post Link to post
0 Ayzhh 0 Posted February 14 Hi Tuanphan, I have it on private but putting on public for you 😉 https://www.abrehawaii.com Share this post Link to post
0 tuanphan 6,595 Posted February 14 30 minutes ago, Ayzhh said: Hi Tuanphan, I have it on private but putting on public for you 😉 https://www.abrehawaii.com You can use JavaScript to change link. Which image you want to change to external link? Send me a message if you have any questions (free 10 minutes) Free code: Squarespace 7.0 (4000+ code) Learn CSS Basic: Treehouse - W3Schools - Flexbox Other groups: SS Customization Resource Group - SS CSS Support - SS Community Share this post Link to post
0 Ayzhh 0 Posted February 19 Hi Tuanphan Images for external link would be Coldwell banker, Blog, Property Search and testimonials 🙂 Which I don't have custom images on there yet but getting to it. Share this post Link to post
0 tuanphan 6,595 Posted February 20 (edited) 16 hours ago, Ayzhh said: Hi Tuanphan Images for external link would be Coldwell banker, Blog, Property Search and testimonials 🙂 Which I don't have custom images on there yet but getting to it. Add to Code Injection Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $('#gridThumbs a.grid-item:first-child').attr('href','https://beaverhero.com'); $('#gridThumbs a.grid-item:nth-child(5)').attr('href','https://beaverhero.com'); $('#gridThumbs a.grid-item:nth-child(8)').attr('href','https://beaverhero.com'); </script> Edited February 20 by tuanphan Send me a message if you have any questions (free 10 minutes) Free code: Squarespace 7.0 (4000+ code) Learn CSS Basic: Treehouse - W3Schools - Flexbox Other groups: SS Customization Resource Group - SS CSS Support - SS Community Share this post Link to post
0 Ayzhh 0 Posted February 20 7 hours ago, tuanphan said: Add to Code Injection Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $('#gridThumbs a.grid-item:first-child').attr('href','https://beaverhero.com'); $('#gridThumbs a.grid-item:nth-child(5)').attr('href','https://beaverhero.com'); $('#gridThumbs a.grid-item:nth-child(8)').attr('href','https://beaverhero.com'); </script> Tuanphan...I love it!! Thank-you so much 🙂 Everything works!!! Share this post Link to post
Hi There,
I'm using the Novo template. Each square image on the main menu links to a page within the site. How can have some of them link to an external web page instead?
Thanks...
Share this post
Link to post