Header image

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{
   margin:auto;
   width:95%;
   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.

Greetings

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='https://...'>
	</map>
	<img usemap="#a" src="image.jpg" >
	<a href='https://...'>

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?

Hi Res2

Please create a new post.

Thank you.

Done! ??