Reply To: changing social icons to rounded icons

01/22/2016 at 12:06 pm #362053
Steven Zahm
Keymaster

@ Alex

re: i understand this requires php and it may be alot to ask but an i get guidance on how to implement this?

To get started you would need to read this and this.

In the card.php and card-single.php you’ll find these lines:

if ( $atts['show_addresses'] ) $entry->getAddressBlock( array( 'format' => $atts['address_format'] , 'type' => $atts['address_types'] ) );

if ( $atts['show_family'] )$entry->getFamilyMemberBlock();

if ( $atts['show_phone_numbers'] ) $entry->getPhoneNumberBlock( array( 'format' => $atts['phone_format'] , 'type' => $atts['phone_types'] ) );

if ( $atts['show_email'] ) $entry->getEmailAddressBlock( array( 'format' => $atts['email_format'] , 'type' => $atts['email_types'] ) );

if ( $atts['show_im'] ) $entry->getImBlock();

if ( $atts['show_dates'] ) $entry->getDateBlock( array( 'format' => $atts['date_format'], 'type' => $atts['date_types'] ) );

if ( $atts['show_links'] ) $entry->getLinkBlock( array( 'format' => $atts['link_format'], 'type' => $atts['link_types'] ) );

if ( $atts['show_social_media'] ) $entry->getSocialMediaBlock();

You would have to remove the lines for email, phone and links and write your own code to output your own custom icons. You can query that raw data for these by using the $entry->getPhoneNumbers(), $entry->getEmailAddresses() and $entry->getLinks() functions. found in the class.entry-data.php file. The “block:” functions that you are replacing can be found in the class.entry-output.php file.

re: Also how do i change the font color from black to grey

This can be done easily by using the Template Customizer. Go to the Connections : Templates admin page and click the Customize button for the Default Entry Card template. The page will reload with a preview on the right and the Customizer on the left. Click the back arrow in the upper left of the Customizer and then click the Style panel. You’ll have options to change a few styles.

Hope that thoroughly answers your questions.