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='http://...'>
</map>
<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?
Hi Res2
Please create a new post.
Thank you.
