faalbane

hey guys, just in case anyone visits this page in the future, I figured it out!

In the functions.php file (Appearance>Editor), I pasted this code (thanks to Nicolas from Customizr):

add_filter ('tc_social_in_header' , 'vimeo_in_header');
function vimeo_in_header($resp) {
    //class added if not resp
    $class         =  ('resp' == $resp) ? '':'span5'
    ?>
        <div class="social-block <?php echo $class ?>">
            <?php if ( 0 != tc__f( '__get_option', 'tc_social_in_header') ) : ?>
                   <?php echo tc__f( '__get_socials' ) ?>
                   <a class="social-icon custom-icon" href="SITE URL YOU WANT THE ICON TO POINT TO" title="WHAT YOU WANT THE ICON TO SAY WHEN MOUSE HOVERS OVER IT" target="URL OF THE IMAGE YOU WANT FOR THE ICON"></a>
               <?php endif; ?>
        </div><!--.social-block-->
    <?php
}

Then, in the Custom CSS section of the Customizr tab, I pasted this second code snippet:

.custom-icon:before {
   content: url("URL OF THE IMAGE YOU WANT FOR THE ICON");
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('URL OF THE IMAGE YOU WANT FOR THE ICON') no-repeat;
    background-size: 18px 18px;
}

Now, a few more key notes:
– I found the image I wanted to be an icon, edited in an awesome free photo editor (gotta make an account), called Pixlr Editor, changed the dimensions (Edit… Image Size… 25×25, or as small or large as you’d like) (*if for some reason, it doesn’t save as PNG, simply open that file in Paint or a similar program, then save as… PNG)
– Saved as PNG image file
– Uploaded to Add Media on WordPress, Edit… File URL (is what you paste in the ‘URL OF THE IMAGE YOU WANT FOR THE ICON’ fields above)

Okay, hopefully this helps someone and make them feel super awesome too!

(also, just for clarification, I replaced “://www.yoursite.com/style/images/my-icon.png” in the second code snippet with the PNG image I’m planning to use for the social icon)

YESSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS!!!!!!!!!!!!!!!!!!!! OMGGGGGGGGGGGGGGGGGGGGGGGGG!!!!!!!!!!!!!!! DUDDDDEEEEEEEE!!!!!!!!!!!!!!!! DUDEEEEEEE!!!!!!! OKAY!!! WHEW!!! AWESOME!!!!! THANK YOU SO MUCH!!!!! I NEVER THOUGHT ID SEE THIS DAY, ILL REMEMBER THIS KNOWLEDGE, THANK YOU SIR I REALLY APPRECIATE, SO MUCH IN FACT THAT CAPS LOCK IS COOL RIGHT NOW, *HIGHFIVE*

I removed the update_option codes..

Then, I removed the define codes.. Now I’m locked out again..

The problem is that I can’t complete step one (changing the Site URL settings if I can’t log in to my backend, and when I get my backend back (adding the define codes to wp-config.php) it’s greyed out..” what do I do?

then continue with the other steps?

can I just “hard code” my http://siteexample.com and continue with the steps above? Instead of changing it in general settings? Is that synonymous?

alright, one more hurdle, my Site URL and WordPress URL fields are greyed out in my general settings, how do I change my Site URL in the first step?

ahh, okay, so I just copy and paste the htaccess and index.php file outside of the “/wp” folder? (underneath the welcome.html file in the first screenshot?)