Soporte » Diseño – Temas y plantillas » ¿Cómo alinear el texto del widget y agregar íconos?

  • Hola, estoy iniciando a programar páginas web y quiero arreglar la sección de información de contacto que se ubica en el footer, quiero poner al inicio un ícono para señalar el teléfono, correo y dirección. Así como, editar la sangría en la dirección de la empresa.

    El tema que estoy utilizando es el Sydney, aquí comparto el código CSS:

    <?php
    
    class Sydney_Contact_Info extends WP_Widget {
    
    	public function __construct() {
    		$widget_ops = array('classname' => 'sydney_contact_info_widget', 'description' => __( 'Display your contact info', 'sydney') );
            parent::__construct(false, $name = __('Sydney: Contact info', 'sydney'), $widget_ops);
    		$this->_option_name = 'sydney_contact_info';	
        }
    	
    	function form($instance) {
    
    		$title    = isset( $instance['title'] ) ? esc_attr( $instance['title'] ) : '';
    		$address  = isset( $instance['address'] ) ? esc_html( $instance['address'] ) : '';
    		$phone    = isset( $instance['phone'] ) ? esc_html( $instance['phone'] ) : '';
    		$email    = isset( $instance['email'] ) ? esc_html( $instance['email'] ) : '';
    	?>
    
    	<p>
    	<label for=<?php echo $this->get_field_id('title'); ?>"><?php _e('Title', 'sydney'); ?></label>
    	<input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" />
    	</p>
    
    	<p><label for="<?php echo $this->get_field_id( 'address' ); ?>"><?php _e( 'Enter your address', 'sydney' ); ?></label>
    	<input class="widefat" id="<?php echo $this->get_field_id( 'address' ); ?>" name="<?php echo $this->get_field_name( 'address' ); ?>" type="text" value="<?php echo $address; ?>" size="3" /></p>
    
    	<p><label for="<?php echo $this->get_field_id( 'phone' ); ?>"><?php _e( 'Enter your phone number', 'sydney' ); ?></label>
    	<input class="widefat" id="<?php echo $this->get_field_id( 'phone' ); ?>" name="<?php echo $this->get_field_name( 'phone' ); ?>" type="text" value="<?php echo $phone; ?>" size="3" /></p>
    
    	<p><label for="<?php echo $this->get_field_id( 'email' ); ?>"><?php _e( 'Enter your email address', 'sydney' ); ?></label>
    	<input class="widefat" id="<?php echo $this->get_field_id( 'email' ); ?>" name="<?php echo $this->get_field_name( 'email' ); ?>" type="text" value="<?php echo $email; ?>" size="3" /></p>	
    
    	<?php
    	}
    
    	function update($new_instance, $old_instance) {
    		$instance = $old_instance;
    		$instance['title'] = strip_tags($new_instance['title']);
    		$instance['address'] = strip_tags($new_instance['address']);
    		$instance['phone'] = strip_tags($new_instance['phone']);
    		$instance['email'] = sanitize_email($new_instance['email']);
    	  
    		return $instance;
    	}
    		
    	function widget($args, $instance) {
    		if ( ! isset( $args['widget_id'] ) ) {
    			$args['widget_id'] = $this->id;
    		}
    		extract($args);
    
    		$title 		= ( ! empty( $instance['title'] ) ) ? $instance['title'] : '';
    		$title 		= apply_filters( 'widget_title', $title, $instance, $this->id_base );
    		$address   	= isset( $instance['address'] ) ? esc_html( $instance['address'] ) : '';
    		$phone   	= isset( $instance['phone'] ) ? esc_html( $instance['phone'] ) : '';
    		$email   	= isset( $instance['email'] ) ? antispambot(esc_html( $instance['email'] )) : '';
    
    		echo $before_widget;
    		
    		if ( $title ) echo $before_title . $title . $after_title;
    		
    		if( ($address) ) {
    			echo '<div class="contact-address">';
    			echo '<span><i class="sydney-svg-icon">' . sydney_get_svg_icon( 'icon-home', false ) . '</i></span>' . $address;
    			echo '</div>';
    		}
    		if( ($phone) ) {
    			echo '<div class="contact-phone">';
    			echo '<span><i class="sydney-svg-icon">' . sydney_get_svg_icon( 'icon-phone', false ) . '</i></span>' . $phone;
    			echo '</div>';
    		}
    		if( ($email) ) {
    			echo '<div class="contact-email">';
    			echo '<span><i class="sydney-svg-icon">' . sydney_get_svg_icon( 'icon-mail', false ) . '</i></span>' . '<a href="mailto:' . $email . '">' . $email . '</a>';
    			echo '</div>';
    		}				
    
    		echo $after_widget;
    • Este debate fue modificado hace 1 semana, 5 días por Jose Luis. Razón: Etiquetar código

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 1 respuesta (de un total de 1)
Viendo 1 respuesta (de un total de 1)
  • Debes estar registrado para responder a este debate.