Support » Theme: raindrops » Left archive, comments, categories, etx panel form change

  • Resolved BlackNeko

    (@blackneko)


    Hi, first of all sorry for my bad english 🙂 i want thank you for your job i really love your theme, my page is http://www.blackneko.net i try to customize it a little and i like to change the right and left panels (those containing entry, comments, archives, categories, meta, etx) to be like separated rounded box form, like the theme http://wordpress.org/themes/pixiv-custom like the left panels (archives, categories, tag cloud and meta) and for another example the theme http://wordpress.org/themes/picture-perfect where the right panels (search, recent post, recent comments, etc) is the same, each one is separated in rounded rectangles areas. Again sorry for my english and if you do not understand me (because my english) i try to post an image.

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

    (@nobita)

    Hi BlackNeko

    Step1 It makes your original color type.

    Please add to below code, functions.php last line.( ?> after paste below code )

    <?php
    raindrops_register_styles("BlackNeko");
    
    function raindrops_indv_css_BlackNeko(){
    
    	$base_color_settings = raindrops_indv_css_dark();
    
    	$extend_color_settings =<<<STYLE
    
    	/*round corner*/
    	.rsidebar > ul > li,
    	.lsidebar > ul > li{
    		border:1px solid #555;
    		margin:5px 0;
    		border-radius:5px;
    	}
    
    STYLE;
    
    	return $base_color_settings . $extend_color_settings;
    }
    ?>

    Step2 Please open Raindrops options page.

    Color Type: select BlackNeko

    submit

    Thank you.

    Thanks a lot! the code work almost perfect but now i have another problem, the background of the nice rectangle forms now created are like dark gray and i want put it black. the other problem is the further back background have change to a bright gray and the top horizontal menu bar too! the top horizontal menu bar have lost his color gradient too 🙁

    I can change all that background colors including the top horizontal menu bar? i can return his color gradient too?

    Theme Author nobita

    (@nobita)

    functions.php add code maybe success

    Step2 has gone wrong.

    You need open Raindrops options page.

    and Color Type select ‘BlackNeko’ and submit.

    then shows color type ‘dark’ + ‘your custom style’.

    Thank you.

    I have done that i put some screen capture:

    Screen 1

    Screen 2

    ok backgrounds problems is resolved, i have go to wp-admin/customize.php and i put back the color setting again and is worked. now just remains how to change the color of the top horizontal menu bar and maybe the font color of the link there too. thanks a lot for your help 🙂

    Theme Author nobita

    (@nobita)

    how to change the color of the top horizontal menu bar

    Please see below link

    http://wordpress.org/support/topic/sub-menu-colors-issue?replies=5

    Thank you.

    Perfect! thank you, all work just perfect 🙂 i have 1 last question and i want to tell i am really sorry to bother you so much and make you work on something that i should do, but i dont know much about web pages. The last question is if i can put the post too into rounded box form like the left and right panel? the same for the comments 🙂

    Theme Author nobita

    (@nobita)

    I detect Raindrops Bug

    please add to loop.php

    $raindrops_loop_number = 1;
    
    			while ( have_posts( ) ) {

    change below

    $raindrops_loop_number = 1;
    ?>
    <ul class="raindrops-loop">
    <?php
    			while ( have_posts( ) ) {

    Bug will be fixed next version.

    <?php
    raindrops_register_styles("BlackNeko");
    
    function raindrops_indv_css_BlackNeko(){
    
    	$base_color_settings = raindrops_indv_css_dark();
    
    	$extend_color_settings =<<<STYLE
    
    	/*round corner*/
    	.social,
    	.single article,
    	.commentlist > li,
    	.raindrops-loop > li,
    	.rsidebar > ul > li,
    	.lsidebar > ul > li{
    		border:1px solid #555;
    		margin:5px 0;
    		border-radius:5px;
    		list-style:none;
    	}
    	.raindrops-loop > li,
    	.raindrops-loop{
    		margin-left:0;
    		padding-left:0;
    	}
    
    	article,
    	.social{
    		margin:5px;
    	}
    	#comments .commentlist > li{
    		margin:5px;
    	}
    	#yui-main{
    		color:#fff;
    	}
    
    	@media screen and (max-width : 640px){
    		.raindrops-loop > li{
    			margin:5px;
    		}
    	}
    
    STYLE;
    
    	return $base_color_settings . $extend_color_settings;
    }
    ?>

    Thank you.

    Theme Author nobita

    (@nobita)

    Since it mistook, it corrects.
    It was not a bug of Raindrops.

    No need change code loop.php

    raindrops_register_styles("BlackNeko");
    
    function raindrops_indv_css_BlackNeko(){
    
    	$base_color_settings = raindrops_indv_css_dark();
    
    	$extend_color_settings =<<<STYLE
    
    	/*round corner*/
    	.social,
    	.single article,
    	.commentlist > li,
    	.index > li,
    	.rsidebar > ul > li,
    	.lsidebar > ul > li{
    		border:1px solid #555;
    		margin:5px 0;
    		border-radius:5px;
    		list-style:none;
    	}
    	ul.index > li,
    	ul.index{
    		margin-bottom:5px;
    	}
    
    	article,
    	.social{
    		margin:5px;
    	}
    	#comments .commentlist > li{
    		margin:5px;
    	}
    	#yui-main{
    		color:#fff;
    	}
    
    	@media screen and (max-width : 640px){
    		.index > li{
    			margin:5px;
    		}
    	}
    
    STYLE;
    
    	return $base_color_settings . $extend_color_settings;
    }
    ?>

    thank you.

    Thanks a lot, all work perfect 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Left archive, comments, categories, etx panel form change’ is closed to new replies.