WordPress.org

Ready to get started?Download WordPress

Forums

raindrops
[resolved] Left archive, comments, categories, etx panel form change (11 posts)

  1. BlackNeko
    Member
    Posted 7 months ago #

    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.

  2. nobita
    Member
    Theme Author

    Posted 7 months ago #

    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.

  3. BlackNeko
    Member
    Posted 7 months ago #

    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?

  4. nobita
    Member
    Theme Author

    Posted 7 months ago #

    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.

  5. BlackNeko
    Member
    Posted 7 months ago #

    I have done that i put some screen capture:

    Screen 1

    Screen 2

  6. BlackNeko
    Member
    Posted 7 months ago #

    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 :)

  7. nobita
    Member
    Theme Author

    Posted 7 months ago #

    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.

  8. BlackNeko
    Member
    Posted 7 months ago #

    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 :)

  9. nobita
    Member
    Theme Author

    Posted 7 months ago #

    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.

  10. nobita
    Member
    Theme Author

    Posted 7 months ago #

    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.

  11. BlackNeko
    Member
    Posted 7 months ago #

    Thanks a lot, all work perfect :)

Reply

You must log in to post.

About this Theme

About this Topic