guineaking Posted June 21 Share Posted June 21 I want to change the hyperlink area of the list section. The current hyperlink area is the red dotted box in the attached image. I want the page to move when the image area is clicked. How can i solve it? page link is https://www.kkerebi.kr Link to comment
tuanphan Posted June 23 Share Posted June 23 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> guineaking 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
guineaking Posted June 24 Author Share Posted June 24 (edited) 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 June 24 by guineaking Link to comment
tuanphan Posted June 24 Share Posted June 24 #1. Change this line target="_blank" to target="_self" #2. Move title What should it look like? guineaking 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
guineaking Posted June 25 Author Share Posted June 25 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🌱 Link to comment
Solution tuanphan Posted June 25 Solution Share Posted June 25 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🌱 Add this code under <style> .user-items-list-item-container[data-section-id="628dc0d95d1bff701497f838"] li { cursor: pointer; } </style> guineaking 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
guineaking Posted June 25 Author Share Posted June 25 Dear. hero Thuanphan🦫 Thank you very much. Finally all problems are solved.🥳 Thanks to you, I got the results I wanted. You are the best! You are the real hero! You are so cooooooooooooool! From. guineaking🌱 tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment