[shaneskinner]

Greetings,
I would like to add a link to a 2nd Facebook page with the other social media accounts. I looked through this DB and found one answer that mentioned the social portion in PHP, but I don’t know PHP. Is it possible to do this in CSS? I can enter in the URL into the field for an unused SM site like MySpace but need to know where to change the logo to the FB logo.

Thanks,
Shane

PS – Yes, I did make a backup now. 🙂

[JPW2105]

I would like to add an instagram button on mine also…

[Sakin]

@shaneskinner: If you are using Catch Everest theme and then add your another Facebook link myspace url. Then you can add the following CSS in “Appearance => Theme Options => Custom CSS” box to change the myspace icon to Facebook icon.

ul.social-profile li.myspace a {
    background-position: 0 0;
}
ul.social-profile li.myspace a:hover {
    background-position: 0 -43px;
}

@JPW2105l: There is instagram icon in Catch Everest Theme by default.

[shaneskinner]

That worked perfectly, thank you very much!

[shaneskinner]

Follow-up Question:

How can I change the title text when hovering over the social media links? I found this code in the PHP files:

			//facebook
			if ( !empty( $options[ 'social_facebook' ] ) ) {
				$catcheverest_social_networks .=
					'<li class="facebook"><a href="'.esc_url( $options[ 'social_facebook' ] ).'" title="'.sprintf( esc_attr__( '%s on Facebook', 'catcheverest' ),get_bloginfo( 'name' ) ).'" target="_blank">'.get_bloginfo( 'name' ).' Facebook </a></li>';
			}

But I’d rather not mess with the PHP and would like to use CSS instead. However, if I understand correctly there isn’t a way to change an elements attribute using CSS. What would you suggest? We’d like one that says “Find Jeff on Facebook” and another that says “Find Traci on Facebook”. Traci’s link is the one that is in the MySpace field.

Thank you very much for your help,
Shane

[Sakin]

@shaneskinner: Build the child theme and then copy the function catcheverest_social_networks() from catcheverest-functions.php file and add in in our child theme functions.php file and edit the text

[JamieNovak]

Is it possible to add a matching social icon with an envelope image with a link to email me?

[Sakin]

@JamieNovak: That will be possible only by custom coding and building child theme. So, better use plugin which have social icons with email me or you can hire customizer to build child theme and add it.

[L]

Hello Sakin:

We are using Simple Catch Pro and want the email ‘envelope’ Social icon to go to a page so people can sign up for our eLetter. I was able employ the suggestion you made to @shaneskinner (see below) but instead of the Facebook icon, we want the Envelope icon. See the site http://dev.cthumanities.org and click on the last Facebook to see what I mean. Can you tell me what the code should be to make it the envelope icon?

ul.social-profile li.myspace a {
background-position: 0 0;
}
ul.social-profile li.myspace a:hover {
background-position: 0 -43px;
}

Thanks!

Lisa

[Sakin]

@L: Your css will be as below:

ul.social-profile li.myspace a {
    background-position: -1119px 0;
}
ul.social-profile li.myspace a:hover {
    background-position: -1119px -43px;
}

[L]

Hi Sakin:

Awesome! That worked.

One more question (isn’t there always one more?): How do I remove ‘on MySpace’ when the cursor is on the envelope icon? I’d like it to say: ‘eLetter’ or something like that. I’ve looked through the .php files and it looks like this should be edited in simplecatch_functions.php, the excerpt I thought needed to be changed is below, but when I changed ‘on MySpace’ to ‘eLetter’ that didn’t work, so I’m missing something.

//MySpace
if ( !empty( $options[ ‘social_myspace’ ] ) ) {
$simplecatch_headersocialnetworks .=
‘<li class=”myspace”>‘, ‘simplecatch’ ),get_bloginfo(‘name’) ).'” target=”_blank”>’.get_bloginfo( ‘name’ ).’ MySpace ‘;
}

I appreciate any help you can give.

Thanks again,

Lisa

[Sakin]

@l: Yes, for that you need to copy function simplecatch_headersocialnetworks() in you child theme and then change the following code:

//MySpace
if ( !empty( $options[ 'social_myspace' ] ) ) {
	$simplecatch_headersocialnetworks .=
		'<li class="myspace"><a href="'.esc_url( $options[ 'social_myspace' ] ).'" title="'.sprintf( esc_attr__( '%s on MySpace', 'simplecatch' ),get_bloginfo('name') ).'" target="_blank">'.get_bloginfo( 'name' ).' MySpace </a></li>';
}

Note: after changing this you need to change any value in Theme Options panel to clear the transient cache otherwise you will see changes only after 24hours.

Replace it with the following:

//MySpace
if ( !empty( $options[ 'social_myspace' ] ) ) {
	$simplecatch_headersocialnetworks .=
		'<li class="myspace"><a href="'.esc_url( $options[ 'social_myspace' ] ).'" title="'.sprintf( esc_attr__( '%s eLetter', 'simplecatch' ),get_bloginfo('name') ).'" target="_blank">'.get_bloginfo( 'name' ).' eLetter </a></li>';
}

[Author]

Posts