Title: HTML and CSS modifications
Last modified: August 24, 2016

---

# HTML and CSS modifications

 *  Resolved [Julie Vivier](https://wordpress.org/support/users/lewebdejulie/)
 * (@lewebdejulie)
 * [11 years ago](https://wordpress.org/support/topic/html-and-css-modifications/)
 * Hi
 * I’d like to display
    – first, the title of the link – above : > in the left :
   the featured image > in the right : description of the link
 * 
 * What file need I modifiate in order to reorganize a little HTML ?
 * Thank you, Julie
 * [https://wordpress.org/plugins/simple-links/](https://wordpress.org/plugins/simple-links/)

Viewing 1 replies (of 1 total)

 *  Plugin Author [Mat Lipe](https://wordpress.org/support/users/mat-lipe/)
 * (@mat-lipe)
 * [11 years ago](https://wordpress.org/support/topic/html-and-css-modifications/#post-6133483)
 * Hello,
 * You may use the ‘simple_links_list_item’ filter to adjust the output any way 
   you would like.
 * Here is an example of this usage with the sections displayed in the order you
   would like. Adjust as necessary.
 *     ```
       add_filter( 'simple_links_list_item', 'sl_format', 1, 3 );
       function sl_format( $output, $link, $object ){
       	$class = 'simple-links-item';
       	if( $object->args[ 'type' ] ){
       		$class .= ' simple-links-' . $object->args[ 'type' ] . '-item';
       	}
       	$markup = '<li class="%s" id="link-%s">';
   
       	$output = sprintf( $markup, $class, $link->ID );
   
       	//title
       	$output .= sprintf( '<a href="%s" target="%s" title="%s" %s>%s</a>',
       		esc_attr( $object->getData( 'web_address' ) ),
       		esc_attr( $object->getData( 'target' ) ),
       		esc_attr( strip_tags( $object->getData( 'description' ) ) ),
       		esc_attr( empty( $object->meta_data[ 'link_target_nofollow' ][ 0 ] ) ? '' : 'rel="nofollow"' ),
       		$link->post_title
       	);
   
       	//image
       	$output .= sprintf( '<a href="%s" target="%s" title="%s" %s>%s</a>',
       		esc_attr( $object->getData( 'web_address' ) ),
       		esc_attr( $object->getData( 'target' ) ),
       		esc_attr( strip_tags( $object->getData( 'description' ) ) ),
       		esc_attr( empty( $object->meta_data[ 'link_target_nofollow' ][ 0 ] ) ? '' : 'rel="nofollow"' ),
       		$object->getImage()
       	);
   
       	//description
       	$description = wpautop( $object->getData( 'description' ) );
   
       	$output .= sprintf( '%s <span class="link-description">%s</span>', $object->args[ 'separator' ], $description );
   
       	$output .= '</li>';
   
       	return $output;
       }
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘HTML and CSS modifications’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/simple-links_3d6e81.svg)
 * [Simple Links](https://wordpress.org/plugins/simple-links/)
 * [Support Threads](https://wordpress.org/support/plugin/simple-links/)
 * [Active Topics](https://wordpress.org/support/plugin/simple-links/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/simple-links/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/simple-links/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Mat Lipe](https://wordpress.org/support/users/mat-lipe/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/html-and-css-modifications/#post-6133483)
 * Status: resolved