• Resolved razor82910

    (@razor82910)


    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

    Any help would be appreciated!!
    Ty in advance!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author nobita

    (@nobita)

    Hi razor82910

    shortcode/widget next to my header image

    Where can I download the plug-in?

    Thank you.

    Thread Starter razor82910

    (@razor82910)

    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

    (@nobita)

    Thread Starter razor82910

    (@razor82910)

    xaxa…. you are amazing!!!

    Thread Starter razor82910

    (@razor82910)

    Yeap just like that

    Theme Author nobita

    (@nobita)

    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

    (@razor82910)

    Nobita when i add your code in function.php it crashes all the theme and i can’t continue furthermore.. 🙁

    Theme Author nobita

    (@nobita)

    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

    (@razor82910)

    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.