[resolved] Header image (5 posts)

  1. nemesis
    Posted 2 years ago #


    Ass you can see, I've been trying your theme on my blog (http://http://www.shouldyouwrite.com/) 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

  2. nobita
    Theme Author

    Posted 2 years ago #

    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.

  3. Res2
    Posted 1 year ago #


    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?

  4. nobita
    Theme Author

    Posted 1 year ago #

    Hi Res2

    Please create a new post.

    Thank you.

  5. Res2
    Posted 1 year ago #

    Done! :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic