Insert a individual Text in the Footer-Widget Area

Travelify
1

Hello,

my site is called: www.myschoolpad.de

in the footer-widget area, I want to insert a text. I will position the text under
the two widgets “MySchoolPad” and “Allgemeines”.

The Text/Code that I will insert is called:

<div id=“social_individual”><h3>Social Web</h3><p>Moderner Kontakt mit Social Network?<br>Dann folgen Sie uns in Ihr Lieblings Netzwerk.</br></p></div>

How can I realise that?

Thank you, regards. Jezzy.

2

There is no proper way to do what since footer is “widgetized”.

You can use either widget under one of these widgets or add it next to copyright notification.

To add it next to copyright information you can add this code inside your Child Theme functions.php

add_action( 'travelify_footer', 'travelify_footer_rightinfo', 30 );
/**
 * add content to the right side of footer
 */
function travelify_footer_rightinfo() {         
   $output = '<div id="social_individual"><h3>Social Web</h3><p>Moderner Kontakt mit Social Network?<br>Dann folgen Sie uns in Ihr Lieblings Netzwerk.</br></p></div>';
   echo do_shortcode( $output );
}

And here is CSS part that you can add inside Child Theme style.css or inside Theme Options - Other - Custom CSS>

#social_individual {
    float: right;
}
3

Hello Aigars,

thank you for the answer. I have solved the problem now:

I had inserted the Code in my footer.php . Additional to the first Code, I´ve inserted this code to show social-buttons:


<div id="social-individual-buttons">
<p><a href="https://www.facebook.com/domimedia" rel="me nofollow">
 <img title="Social Media, SEO und WordPress Tipps via Facebook" alt="Facebook Button" src="http://www.myschoolpad.de/wp-content/uploads/2013/12/facebook-testbuton.jpg" width="25" height="25" />
 </a><p>
 <a href="https://plus.google.com/110939034921992786986" rel="me nofollow">
 <img title="Social Media, SEO und WordPress Tipps via Google+" alt="Google+ Button" src="http://www.myschoolpad.de/wp-content/uploads/2013/12/google-plus-button.jpg" width="25" height="25" />
 </a><p>
 <a href="http://twitter.com/media_affin" rel="me nofollow">
 <img title="Social Media, SEO und WordPress Tipps via Twitter" alt="Twitter Button" src="http://www.myschoolpad.de/wp-content/uploads/2013/12/twitter-button.jpg" width="25" height="25" />
 </a><p>
 <a href="http://feeds.feedburner.com/media-affin" rel="nofollow">
 <img title="Social Media, SEO und WordPress Tipps im RSS-Feed" alt="Feed Button" src="http://www.myschoolpad.de/wp-content/uploads/2013/12/rss-feed-button.jpg" width="25" height="25" />
 </a><p>
</div>

And per CSS I have brought the elements in the right position.

But now I have the problem, that my blue background, so the distance from Copyright to the button has become very large, and it looks not good.

Have you an idea, how I can make the distance smaller again?

Best Regards

4

Try adding this:

div#social-individual-buttons {
bottom: 120px;
}

div#social_individual {
	bottom: 0
}

.wrapper {
    margin-bottom: -250px;
}

But have you tried to check your website in different browsers, on different resolutions etc? Once you will see, you will understand why I said that it is hard to add those buttons there :slight_smile: