mitaedomato

Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)
  • Forum: Themes and Templates
    In reply to: [Fara] Social Media Icons
    mitaedomato

    (@mitaedomato)

    11 years ago

    Hi,

    Just add this code in the style.css:

    .social-widget a[href*="https://github.com/"]::before,
.social-navigation li a[href*="https://github.com/"]::before {
	content: '\f092';
}

    You can also try these other contents:

    • \f09b
    • \f113

    See ya!

    Forum: Themes and Templates
    In reply to: [Fara] Customize Social Icons
    Thread Starter mitaedomato

    (@mitaedomato)

    11 years ago

    Just adding,

    The custom icons doesn’t align right with the original icons from the theme, so I uploaded a image for Facebook and Youtube as well.

    Doing this, the Social link duplicates the icons (one for the upload and another for the theme). To hide te icons do the following:

    – In style.css edit the content of the url reference:

    Before

    .social-widget a[href*="facebook.com"]::before,
.social-navigation li a[href*="facebook.com"]::before {
	content: '\f082';
}

    After

    .social-widget a[href*="facebook.com"]::before,
.social-navigation li a[href*="facebook.com"]::before {
	content: '';
}

    Forum: Themes and Templates
    In reply to: [Fara] Customize Social Icons
    Thread Starter mitaedomato

    (@mitaedomato)

    11 years ago

    Thanks for the answer.

    I’ve managed to find a way to solve the problem.
    I made a few alterations in the header.php: on the social menu nav tag, I copied and pasted the main navigation menu code, so the CSS definitions still applies and my custom icons also work.

    Just in case someone else also want to personalize icons:

    – In header.php do the following:
    Before:

    <?php if ( has_nav_menu( 'social' ) ) : ?>
	<nav class="social-navigation clearfix">
		<?php wp_nav_menu( array( 'theme_location' => 'social',
		'link_before' => '<span class="screen-reader-text">',
		'link_after' => '</span>', 'menu_class' => 'menu clearfix',
		'fallback_cb' => false ) ); ?>
	</nav>
<?php endif; ?>

    After

    <nav id="social-navigation" class="social-navigation" role="navigation">
	<?php wp_nav_menu( array( 'theme_location' => 'social' ) ); ?>
</nav>

    I’m using the Nav Menu Images plugin for the icons on navigation menu.

    PS: Amazing theme.

Viewing 3 replies - 1 through 3 (of 3 total)