Jump to content

I want to change the hyperlink area of ​​the list section.

Go to solution Solved by tuanphan,

Recommended Posts

Add to Settings > Advanced > Code Injection > Footer (or Settings > Developer Tools > Code Injection > Footer)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>

  $( ( ) => {
  
    const selector = '.user-items-list-simple .list-item';
    
    $( selector ).each ( function ( ) {
    
      const $this = $( this );
      
      $( $this ).click ( function ( ) {
      
      const url = $( '.list-item-content__button', $this )
      
        .attr ( 'href' );
        
      $( `<a href="${ url }" target="_blank">` )
      
      	.get ( 0 )
        
        .click ( );
        
      } );
      
    } );
    
  } );
  
  </script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Dear. tuanphan🦫
 

it's been a while, hero tuanphan!😀

I tried the way you told me, but I didn't get the result I wanted.

When I click on an image, I want it to go straight to the next page, not to open a new tab.

I want to move the button area in the title text to an image.

I always appreciate your kind answers and clear solutions.

 

From. guineaking🌱

Edited by guineaking
Link to comment

Dear. My hero🦫
 

Thank you sooooooo much tuanphan!

Thanks to you, problem solved 🙂

I have one more request, can you please?

I want the cursor icon to change like the attached image

when the mouse cursor moves over the image. Is it possible?

 

From. guineaking🌱

gesture_curor.jpeg

Link to comment
  • Solution
2 hours ago, guineaking said:

 

Dear. My hero🦫
 

Thank you sooooooo much tuanphan!

Thanks to you, problem solved 🙂

I have one more request, can you please?

I want the cursor icon to change like the attached image

when the mouse cursor moves over the image. Is it possible?

 

From. guineaking🌱

gesture_curor.jpeg

Add this code under

<style>
  .user-items-list-item-container[data-section-id="628dc0d95d1bff701497f838"] li {
    cursor: pointer;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.