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="https://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="https://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="https://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="https://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.