• hi folks,

    i’m using version 1.344 of the raindrops theme with the “dark” layout and i’d like to generate a child theme with (totally) different colors.

    i managed to change most of the elements using css. but the comment button won’t change at all. i tried:

    .widget_calendar #today a, .widget_calendar #today, a.raindrops-comment-link em, .wp-caption {
    	background: -webkit-gradient(linear, left top, left bottom, from(#ffce86), to(#fff)) !important;
    	background: -moz-linear-gradient(top, #ffce86, #fff) !important;
    }

    my second question would be: i saw that the theme is using a color palette in the lib/csscolor.css.php file. but i couldn’t find where the colors are defined. i think it would’ve been much easier to change the base colors of the theme instead of changing every item separately in the css. where can i find the definition of the colors?

    thanks in advance.

    -narf

Viewing 1 replies (of 1 total)
  • Theme Author nobita

    (@nobita)

    /* calendar today color */
    #wp-calendar #today,
    /* calendar link color */
    #wp-calendar tbody a,
    /* comment link */
    a.raindrops-comment-link em,
    /* figure caption */
    .wp-caption {
    	background: -webkit-gradient(linear,left top,left bottom,from(#ffce86),to(#fff)) !important;
    	background: -moz-linear-gradient(top,#ffce86,#fff) !important;
            color:#000;
    }
    /* misc */
    #wp-calendar tbody td{
        overflow:hidden;
        padding:0;
    }
    #wp-calendar tbody a{
        padding:.7em;
        box-sizing:border-box;
    }

    If you need original color settings

    Create Child Theme

    example
    https://www.tenman.info/download/child-raindrops.zip

    add functions.php

    // Filter Must Need
    add_action('raindrops_extend_style_type','my_style');
    // Register Color Type
    function my_style(){
    	raindrops_register_styles( "me" );
    }
    // Your Colors
    function raindrops_indv_css_me() {
    	global $post;
    
    	$css =<<<CSS
    
    #access a{
    	background:#fff;
    	}
    #access a:hover{
    	opacity:1.0;
    	background:green;
    	color:#fff;
    	}
    
    CSS;
    	return $css;
    }

    function name
    raindrops_indv_css_me

    prefix (raindrops_indv_css)_ + your color type(me)

    When register success, your color type

    Dashboard / Appearance / Customize /

    Presentation / Color Scheme / Color Type

    You will discover a new color type me

    Thank you.

Viewing 1 replies (of 1 total)
  • The topic ‘changing colors of "comment" button’ is closed to new replies.