Title: Raindrops shortcode in Header
Last modified: August 21, 2016

---

# Raindrops shortcode in Header

 *  Resolved [razor82910](https://wordpress.org/support/users/razor82910/)
 * (@razor82910)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/)
 * Hi..
    I was wondering if someone could help me with my issue… I m trying to insert
   a button shortcode/widget next to my header image with no luck.. The url is: 
   [http://www.iscreamradio.com](http://www.iscreamradio.com)
 * Any help would be appreciated!!
    Ty in advance!

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633132)
 * Hi razor82910
 * > shortcode/widget next to my header image
 * Where can I download the plug-in?
 * Thank you.
 *  Thread Starter [razor82910](https://wordpress.org/support/users/razor82910/)
 * (@razor82910)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633173)
 * Hi nobita..
 * I m sorry for my late reply.. Gmt+2 here..
    I want a Listen Now Button just like
   the red one (in xtr widget area) in the other side of my site logo in the black
   area.. 😛 wich will display in all pages on header..
 * Ty again for your quick reply!!
 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633211)
 * do you want like this?
 * [http://www.tenman.info/wp3/manualraindrops/files/move-button.png](http://www.tenman.info/wp3/manualraindrops/files/move-button.png)
 *  Thread Starter [razor82910](https://wordpress.org/support/users/razor82910/)
 * (@razor82910)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633212)
 * xaxa…. you are amazing!!!
 *  Thread Starter [razor82910](https://wordpress.org/support/users/razor82910/)
 * (@razor82910)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633213)
 * Yeap just like that
 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633216)
 * Add to functions.php first line(`<?php` before )
 *     ```
       <?php
       add_filter( 'raindrops_header_image_contents', 'my_header_image_link' );
       function my_header_image_link( $content ) {
   
       	$content = '<div class="su-button-center"><a href="http://www.iscreamradio.com/main/player.html" class="su-button su-button-style-glass su-button-wide"  target="_blank" onclick="window.open(this.href, \'mywin\', \'left=20,top=20,width=900,height=600,toolbar=1,resizable=0\'); return false;"><span class="listen-now"><img src="http://www.iscreamradio.com/wp-content/uploads/2013/12/audio_icon.png" alt="Listen Now" class="icon"> Listen Now</span></a></div>';
       	return $content;
       }
       ```
   
 * Add to style.css last line below.
 *     ```
       .su-button-center .su-button{color:#FFFFFF;background-color:#C80000;border-color:#a00000;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;display:inline-block;position:absolute;right:2em;top:2em;}
   
       .su-button-center .listen-now{
       color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#d94d4d;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;text-shadow:2px 1px 0px #000000;-moz-text-shadow:2px 1px 0px #000000;-webkit-text-shadow:2px 1px 0px #000000;
       }
       .su-button-center .listen-now .icon{
       width:24px;height:24px;
       }
       ```
   
 * Please modify CSS yourself
 * Thank you.
 *  Thread Starter [razor82910](https://wordpress.org/support/users/razor82910/)
 * (@razor82910)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633220)
 * Nobita when i add your code in function.php it crashes all the theme and i can’t
   continue furthermore.. 🙁
 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633225)
 * sorry
 * Please Add `?>`
 *     ```
       <?php
       add_filter( 'raindrops_header_image_contents', 'my_header_image_link' );
       function my_header_image_link( $content ) {
   
       	$content = '<div class="su-button-center"><a href="http://www.iscreamradio.com/main/player.html" class="su-button su-button-style-glass su-button-wide"  target="_blank" onclick="window.open(this.href, \'mywin\', \'left=20,top=20,width=900,height=600,toolbar=1,resizable=0\'); return false;"><span class="listen-now"><img src="http://www.iscreamradio.com/wp-content/uploads/2013/12/audio_icon.png" alt="Listen Now" class="icon"> Listen Now</span></a></div>';
       	return $content;
       }
       ?>
       ```
   
 *  Thread Starter [razor82910](https://wordpress.org/support/users/razor82910/)
 * (@razor82910)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633236)
 * You are great…
    Thank you a lot for your help and your time… Got it done!! Thank
   you again!!!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Raindrops shortcode in Header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/raindrops/1.700/screenshot.png)
 * raindrops
 * [Support Threads](https://wordpress.org/support/theme/raindrops/)
 * [Active Topics](https://wordpress.org/support/theme/raindrops/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/raindrops/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/raindrops/reviews/)

 * 9 replies
 * 2 participants
 * Last reply from: [razor82910](https://wordpress.org/support/users/razor82910/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/raindrops-shortcode-in-header/#post-4633236)
 * Status: resolved