• Resolved jacek_sliwek

    (@jacek_sliwek)


    Hi,

    I would like to change a background color in a top menu.
    I have a few links in my top menu, and I would like to make it look like a button.
    Does anybody knows how to do it? Please HELP

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

    (@nobita)

    Hi jacek_sliwek

    Please add to below code, functions.php last line.

    It makes your original color type.

    raindrops_register_styles("jacek");
    
    function raindrops_indv_css_jacek(){
           /* when color type minimal or another, raindrops_indv_css_[color_type]*/
    	$base_color_settings = raindrops_indv_css_dark();
    
    	$extend_color_settings =<<<STYLE
    
            /*example*/
    
    	#access{
    		background:#ccc;
    	}
    	#access .children a,
    	#access .sub-menu a,
    	#access a {
    		color:#333;
    		background:#ccc;
    	}
    	#access .children a:hover,
    	#access .sub-menu a:hover,
    	#access a:hover {
    		color:#333;
    		background:#fff;
    	}
    
    STYLE;
    
    	return $base_color_settings . $extend_color_settings;
    }

    Step2 Please open Raindrops options page.

    Color Type: select jacek

    submit

    Thank you.

    Thread Starter jacek_sliwek

    (@jacek_sliwek)

    I don’t know what is going on, but when I paste this code and save change, i don’t see my page only white page.

    Theme Author nobita

    (@nobita)

    This code is PHP code.

    Since the error has occurred, white page occurs.

    Please paste like below

    functions.php last line like below

    echo '</div>';
    					}
    		}
    	}
    ?>

    change below

    echo '</div>';
    					}
    		}
    	}
    function raindrops_indv_css_jacek(){
           /* when color type minimal or another, raindrops_indv_css_[color_type]*/
    	$base_color_settings = raindrops_indv_css_dark();
    
    	$extend_color_settings =<<<STYLE
    
            /*example*/
    
    	#access{
    		background:#ccc;
    	}
    	#access .children a,
    	#access .sub-menu a,
    	#access a {
    		color:#333;
    		background:#ccc;
    	}
    	#access .children a:hover,
    	#access .sub-menu a:hover,
    	#access a:hover {
    		color:#333;
    		background:#fff;
    	}
    
    STYLE;
    
    	return $base_color_settings . $extend_color_settings;
    }
    ?>

    paste last ?>before

    Thank you

    Thread Starter jacek_sliwek

    (@jacek_sliwek)

    below is a snippet of code from functions.php
    sorry but i trying paste your code and nothing changed.
    Can You show me where I should paste your code?

    function raindrops_non_breaking_content( $content ){
    
                global $raindrops_document_type;
    
                //long url link text breakable
    
                if ( ! is_admin( ) and $raindrops_document_type == 'html5' ) {
    
                    return preg_replace_callback("|>([-_.!˜*\'()a-zA-Z0-9;\/?:@&=+$,%#]{30,})<|", 'raindrops_add_wbr_content_long_text', $content );
    
                }
    
                return $content;
            }
        }
    
        function raindrops_add_wbr_content_long_text( $matches ){
    
            foreach( $matches as $match ){
                return preg_replace( '!([/])!','$1<wbr>', $match );
            }
        }
    ?>
    Theme Author nobita

    (@nobita)

    function raindrops_add_wbr_content_long_text( $matches ){
    
            foreach( $matches as $match ){
                return preg_replace( '!([/])!','$1<wbr>', $match );
            }
        }
    function raindrops_indv_css_jacek(){
           /* when color type minimal or another, raindrops_indv_css_[color_type]*/
    	$base_color_settings = raindrops_indv_css_dark();
    
    	$extend_color_settings =<<<STYLE
    
            /*example*/
    
    	#access{
    		background:#ccc;
    	}
    	#access .children a,
    	#access .sub-menu a,
    	#access a {
    		color:#333;
    		background:#ccc;
    	}
    	#access .children a:hover,
    	#access .sub-menu a:hover,
    	#access a:hover {
    		color:#333;
    		background:#fff;
    	}
    
    STYLE;
    
    	return $base_color_settings . $extend_color_settings;
    }
    ?>
    Theme Author nobita

    (@nobita)

    past 1 month not reply

    Change to resolved.

    Saba Gi

    (@saba-gi)

    I have added this code to my Function.php file and I still have white sub-menus
    what am I missing?

    Theme Author nobita

    (@nobita)

    @saba Gi

    Please create a new post.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘top menu change background color’ is closed to new replies.