DancingFighterG

Currently I have the following custom css in place:

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index:250;
}

Currently I took out this function to show the Back to Top link but I just need to get the image in place again

Having it in the footer would not be bad but if its causing some issues I would like to see if it can be in the page but whatever works

I found a function that does something like this:

add_filter( 'tc_colophon_right_block', 'my_colophon_right_block' );
function my_colophon_right_block() {
    $use_child_base = false; //change this to true if your image is in child theme
    $base = ( $use_child_base ) ? TC_BASE_URL_CHILD : TC_BASE_URL;
    $path = 'inc/img/1393356512_icon-ios7-arrow-back.png';
    $mybacktotop = sprintf('<div class="%1$s"><p class="pull-right"><a class="back-to-top" href="#">%2$s</a></p></div>',
                apply_filters( 'tc_colophon_right_block_class', 'span4 backtop' ),
                '<img src="'. $base . $path .'">'
            );
    return $mybacktotop;
}

Working to see how I can combine the two

Ok np, so overall I need to figure out how to show the “back to top” link within the following function:

add_filter('tc_colophon_right_block', 'my_image');
function my_image(){
	$img_url = get_stylesheet_directory_uri().'/imgs/hdfooterlogo.png'; //put your image in child-theme/imgs
	$width = '250px';
	$height = '79px';
	$img = '<a href="https://www.hunterdouglas.com/" target=_blank><img alt="logo" src="'.$img_url.'" width="'.$width.'" height="'.$height.'" class="pull-right"></a>';
	return '<div class="span4 right-image">'.$img.'</div>';
	}

I’ve setup a child theme and have implemented the following in the function.php for the child theme:

add_filter(‘tc_colophon_right_block’, ‘my_image’);
function my_image(){
$img_url = get_stylesheet_directory_uri().’/imgs/hdfooterlogo.png’; //put your image in child-theme/imgs
$width = ‘250px’; /* change these values */
$height = ’79px’; /* ^ */
$img = ‘<img alt=”logo” src=”‘.$img_url.'” width=”‘.$width.'” height=”‘.$height.'” class=”pull-right”>‘;
return ‘<div class=”span4 right-image”>’.$img.'</div>’;
}
I took out this code to see if its effecting it and it is. The logo is covering up the back top link. This function is replacing the back to top link so I have to figure out how to have both the link and the image together

I placed this code in the custom css and its not showing up for me on any of my pages

.back-to-top {
position: fixed;
bottom: 20px;
right: 10px;
z-index:250;
}

https://shadesofhappiness.com/about-us/

Can you show me what it suppose to look like?

Here is the site:

https://shadesofhappiness.com/about-us/

I would like to have the share button be placed on the footer on the left side so that no matter what page I am on I can share that specific page

Ok, I was looking at some examples from other people that are using this theme and the “back to top” link is in the footer. Most people have it in the footer but I think I’m going to need it where the social buttons are on the page

For the back to top I think I’m just missing the where you want me to put the “Back to Top” text in the function.php child them or custom css

This is what I was trying to do:

.footer .simplesocialbuttons {
height: 20px;
margin: 10px auto 10px 0;
text-align: left;
clear: left;
}

but its not working. Any help on this would be great

Hey EletricFeet, I wanted to try the “Back to top” link but when I put in the custom css nothing showed up. I also tried the other method but I don’t what I should expect to see.

I put both in the custom css in the customized section. Do I need to place this code somewhere.

Fixed!!

Nevermind, I figured it out. There was some customization that I could do in the plugin. Thanks

I’m actually thinking it might be better to put these social links in the footer