Skip to content
Catch Themes Logo

Catch Themes

Premium Responsive WordPress Themes with advanced functionality and awesome support. Simple, Clean and Lightweight Responsive WordPress Themes

  • Home
  • FSE Pro Plugin
  • Themes
  • Features
  • Hosting
  • Support
  • Blog
  • My Account

Additional Social Media Link

Support Forum Catch Everest

Tagged: css, logo, php, social media

  • This topic has 11 replies, 5 voices, and was last updated 8 years, 8 months ago by Sakin.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 6, 2013 at 5:53 am #9992
    shaneskinner
    Member

    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. 🙂

    June 6, 2013 at 4:36 pm #10004
    JPW2105
    Member

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

    June 6, 2013 at 10:48 pm #10021
    Sakin
    Keymaster

    @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.

    June 7, 2013 at 9:27 pm #10089
    shaneskinner
    Member

    That worked perfectly, thank you very much!

    June 8, 2013 at 1:36 am #10120
    shaneskinner
    Member

    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

    June 8, 2013 at 10:29 am #10139
    Sakin
    Keymaster

    @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

    December 29, 2013 at 8:52 am #18704
    JamieNovak
    Member

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

    December 29, 2013 at 10:21 am #18713
    Sakin
    Keymaster

    @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.

    March 19, 2015 at 10:24 pm #53755
    L
    Member

    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

    March 20, 2015 at 2:22 pm #53800
    Sakin
    Keymaster

    @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;
    }
    March 20, 2015 at 7:36 pm #53822
    L
    Member

    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

    March 21, 2015 at 5:05 pm #53888
    Sakin
    Keymaster

    @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
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Additional Social Media Link’ is closed to new replies.

Support Forum Instructions

Use the search box below to search for your answer and also check out theme instructions at Theme Instructions before posting question here.

When you post in your question, please don't forget to post in your site URL. If you have issue in posting question here in forum then check out screencast from our YouTube channel.

Notice: Support Forum Now Requires User Moderation to Avoid Spammers

Search Forums

Popular Themes

BizBoost Pro

Buy Now

Bold Photography Pro

Buy Now

Audioman Pro

Buy Now

Catch Fullscreen Pro

Buy Now

Fotografie Pro

Buy Now

Catch Responsive Pro

Buy Now
Hire a Customizer

Recent Topics

  • Site Editor not functioning correclty
  • Buttons wrong color
  • CSS is not working
  • Header Image Resolution issue
  • Basic installation for Pentatonic Pro
  • Homepage duplicates image in column to left or right at full height
  • Disable circle under cursor
  • unable to have my custom header image render at higher than 1600×900
  • Can I replace he header media with a slider in zubin photography?
  • customizing the header
  • Looking for the demo content file
  • How to bring back search form in header?
  • Search Icon and Hamburger Menu
  • Vision art set up
  • Mobile Menu not Working
  • Social icons error/empty squares
  • doctype html lost lang=”de-DE” Tag
  • Does BlockMag Pro have a WordPress feed?
  • Managing Events is very complicated
  • Short description formatting disapeared
  • Site title is wrong color
  • Repurpose Services or another Section?
  • Featured Content links open in new window
  • Flash effect on image
  • Fotografie Pro – different Header Slider for Pages on top of the menue
  • Social links do not exist
  • Catch Evolution Pro – Problem by displaying on Tablet
  • Sizing and Positioning of Classic Block off on Page
  • My Music Band Pro Change Testimonial section title
  • Staging Site

Popular Tags

background blog catch box catch everest category child theme Color comments css Excerpt featured content featured image featured slider font footer header header image Home Page homepage image images layout logo menu mobile navigation padding page portfolio post posts responsive search sidebar Simple Catch site title slider theme title update widget widgets width woocommerce wordpress

Featured Posts

  • Best Free WordPress Block Themes for Full Site Editing for 2022
  • 40+ Best Free Business WordPress Themes for 2022
  • 30+ Best Free WordPress Themes for 2023
  • 25+ Best Free Music WordPress Themes for 2022
  • Our Top 10+ Free and Premium Photography WordPress Themes Collection 2022
  • Our Free and Premium Music WordPress Themes Collection

Donate Now

Click on the Donate button below to Support Free Themes, Free Plugins, and Free Support. All donations are used for the development and improvement of free themes, plugins, and support. Thanks for your contribution.
  • Home
  • About Us
  • Contact Us
  • Join Our Team
  • Terms & Conditions
  • Privacy Policy
  • Facebook
  • Twitter
  • Linkedin
  • Scroll Up
  • Pinterest
  • Youtube
  • Instagram
© 2012 - 2023 Catch Themes: Premium WordPress Themes. All rights reserved.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie settingsGot it!
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT