Support » Theme: raindrops » Header image

  • Resolved nemesis



    Ass you can see, I’ve been trying your theme on my blog (http:// and like the overall look of it.

    Is there a way to make the WordPress ‘W’s’ more transparent, I guess, so the tagline stands out better? I tried changing the tag line/title colors but did not find on that really did the job.

    Please realize I am not a coder or I would not be asking.

    Thank you for your time,
    Bob Marconi

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


    Hi nemesis

    You should create a child theme for Raindrops customizing.

    for example

    Create directory at wp-content/themes/ holder name ‘nemesis’

    Create style.css file in holder nemesis

    please write below.

    Theme Name: nemesis
    Author: nemesis
    Version: 0.1
    Template: raindrops
    /* your site figre element fix ( this is raindrops bug,I will be fixed next version ) */
    .entry-content  figure.aligncenter img{
        margin:.5em auto;
    .entry-content  figure img{
       width:calc(100% - 1em) ;

    Create header.php file in holder nemesis

    Copied from raindrops header.php

    Customize below code.

    line 75

    if ( true == $raindrops_link_unique_text ) {
                        echo raindrops_header_image( 'elements' );
                    } else {
                        echo raindrops_header_image( 'home_url' );

    Change from above to below.

    $header_image_text_color = 'yellow';
                    $background_opacity = 0.5;
                    if ( true == $raindrops_link_unique_text ) {
                        echo raindrops_header_image( 'elements', array( 'text_attr' => "style=color:{$header_image_text_color};background:rgba(255,255,255,{$background_opacity});" ) );
                    } else {
                        echo raindrops_header_image( 'home_url', array( 'text_attr' => "style=color:{$header_image_text_color};background:rgba(255,255,255,{$background_opacity});" ) );
    $header_image_text_color = 'yellow';//chenge your color
       $background_opacity = 0.5;// change background 0-1.0

    Thank you.




    I have a similar coding problem to the one mentioned above in this thread.
    I’ve made a raindrops child theme for my homepage, and I’m trying to edit my raindrops-child header copy according to the header image effect I want.

    Specifically, I’d like for the header image to NOT be clickable as a whole, but only in part, at a specific mapped postion.

    the css code template I have for this is

    <map name="a">
    	<area shape="circle" coords="133,70,60" href='http://...'>
    	<img usemap="#a" src="image.jpg" >
    	<a href='http://...'>

    Thing is, I’d like for the relevant image to be raindrops_header_image, but I don’t know how to call it or make it perform a similar action to the css code.

    Can you help me with the appropriate code for making a specific part of the header image clickable?

    Theme Author nobita


    Hi Res2

    Please create a new post.

    Thank you.



    Done! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header image’ is closed to new replies.