wccesq

Hi, nobita,
I was able to restore the Child Theme through my Web-Host. However, The Navigation Menu Bar occupies the entire page, different from before. Below is my child css, and my web is rowlandassociation.com. Please help; thanks,

/*
Theme Name: raindrops-child
Version: 0.1
Description: A child theme of raindrops
Template: raindrops
*/
#site-title{
background:url(https://www.rowlandassociation.com/wp-content/uploads/2014/03/Rowland-Association-Logo-1.png);
width:478px;/* logo width */
height:56px;/* logo height */
}
#site-title a{
        display:block;
        width:100%;
        height:100%;
}
#site-title a span{
visibility:hidden!important;
}
.entry-title span{
  color:#c00000
}

#access a:hover {
	background:#3399FF !important;
	color:white;
}

#access .menu > ul > ul {
	top: 3.693em;
}
.entry-title{
  display:none;
}

/* Change nav menu background and link color */
#top #access .menu li a,
#top #access{
	Background:#FF9933;
	color:#ffffff;
}
#top #access .menu .current_page_item a,
#top #access .menu li a:hover{
	background:#c00000;
	color:#ffffff;
	font-weight: bold;
}

#top #access .menu ul li .current-menu-item a {
	background: #c00000 !important;
}

Hi, Nobita,

After installing the Easy Slider Lite plug-in, I copied and pasted your php code, but resulted in Fatal Error as follows. I have no access to my website now. Plkease help thanks,

Fatal error: Cannot redeclare nobita_setup_theme() (previously declared in /home3/wccesq/public_html/wp-content/themes/raindrops-child/functions.php:50) in /home3/wccesq/public_html/wp-content/themes/raindrops-child/functions.php on line 165

Hi, Andrew,

I just removed it from the Child CSS and the Menu toggle came back on Child Theme. Hooray!!!

You are wonderful. Many many thanks, Andrew,

Ken

Hi, Andrew,

Forgot to give you my web address: https://wildchang.com.

Sorry and Thanks,

Ken

PS: I don’t know how to use Link here yet.

Hi, Andrew,

Just activated my Child Theme, having no access from my phone to the Menu that is otherwise available from the Parent Theme. If you need, I can activate the Parent Theme for you, and you will find the normal Menu Button on the left.

Ken

Hi, Jan,

First, thank you for your help.

The only thing I did was (i)copying from the Parent to my Child Theme the entire css section of “.nav-menu li a {….”, or as follows for your reference,and (ii) making some changes on color codes, and font weight to bold when hovering, as reflected in the cited code. Then, when I tried the Child Theme on my Note II and other mobile devices, the Menu button is missing, giving a reader no access to other pages, except the home page. But, going back to the Parent Theme, the Menu re-appeared. I did not do anything to the php at all.

/*
Theme Name: Twenty Thirteen-child
Version: 1.0
Description: A child theme of Twenty Thirteen
Template: twentythirteen
*/

@import url("../twentythirteen/style.css");

.nav-menu li a {
	color: #ffffff;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
	background-color: #009900;
	color: #ffffff;
	font-weight: bold;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #220e10;
	border: 2px solid #f7f5e7;
	border-top: 0;
	display: none;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
	background-color: #db572f;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	background-color: #c00000;
	color: #ffffff;
	font-weight: bold;
	font-style: italic;
}

.menu-toggle {
	display: none;
}

/* Navbar */
.navbar {
	background-color: #0066FF;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

With many thanks, again,

Ken

Hi, esmi,

Thanks for your advice.

Ken

Hi, nobita,

Hooray!!! Worked beautifully!!!
Many many many THANKS,
Ken

Hi, nobota,

Just copied and pasted your version, replacing my Child Theme-css. But, the menu font is still black before and after selection. I want all the menu fonts in white before, during and after selection. Please help. Thanks,

Ken

Hi, nobita,

Thank you fOr the recipes. They worked. However, I would like to keep all the font color in #fffff throughout, before during and after hovering and selection, because I use #FF9933 as my Nevaigation Bar color, and use #c0009 as my hovering and final color.

I can;t find any #000 in my Child Theme, and yet all the fonts are in black, even after adding !important after the last #fffff as cited below for your reference. Please help. Thanks,again,

/*
Theme Name: raindrops-child
Version: 0.1
Description: A child theme of raindrops
Template: raindrops
*/

#site-title{
background:url(https://www.rowlandassociation.com/wp-content/uploads/2014/03/Rowland-Association-Logo-1.png);
width:478px;/* logo width */
height:56px;/* logo height */
}
#site-title a{
        display:block;
        width:100%;
        height:100%;
}
#site-title a span{
visibility:hidden!important;
}
.entry-title span{
  color:#c00000
}

#access a:hover {
	background:#FF6600;
	color:white;
}

#access .menu > ul > ul {
	top: 3.693em;
}
.entry-title{
  display:none;
}

/* Change nav menu background and link color */
#top #access .menu li a,
#top #access{
	Background:#FF9933;
	color:#fffff;
}
#top #access .menu li a:hover{
	background:#c00000;
	color:#fffff;
}

#top #access .menu ul li .current-menu-item a {
background: #c00000 !important;
}

/* Change nav menu background and link color */
#top #access .menu li a,
#top #access{
	Background:#FF9933;
	color:#fffff;
}
#top #access .menu .current_page_item a,/* selection Page item */
#top #access .menu li a:hover{
	background:#c00000;
	color:#fffff !importrant;
}

Hi, nobita,

Solid color stays as resolved. I never thought the Child Theme should take over the Parent Theme as a working webpage. I always thought the Child Theme was supposed to work in a supportive function and in tandem with the Parent Theme that should stay as my working webpage. I was wrong and should be spanked.

Very embarrassed, but extremely thankful,

Stupid Ken

Good morning, nobita,

Thank you for your patience.

As instructed, I removed from the Child CSS:
@import url("../raindrops/style.css");

However, Navigation Bar will not stay in solid color ever after adding your rules (as cited below) to the last line of Child CSS:

/* Change nav menu background and link color */
#top #access .menu li a,
#top #access{
	Background:#FF9933;
	color:#fffff;
}
#top #access .menu li a:hover{
	background:#FF9933;
	color:#fffff;
}

Please advise what I should do further to make it work. Thank you.

Ken

Hi, Nobita,

I don’t know why my Navigation Bar is no loner in solid color, ever after adding the following to the last line of Child CSS:

/* Change nav menu background and link color */
#top #access .menu li a,
#top #access{
	background:#fff;
	color:#000;
}

and

#top #access .menu li a:hover{
	background:#ccc;
	color:#000;
}

For your reference, my current Child CSS is as follows:

/*
Theme Name: raindrops-child
Version: 1.0
Description: A child theme of raindrops
Template: raindrops
*/

@import url("../raindrops/style.css");

#site-title{
background:url(https://www.rowlandassociation.com/wp-content/uploads/2014/03/Rowland-Association-Logo-1.png);
width:478px;/* logo width */
height:56px;/* logo height */
}
#site-title a{
        display:block;
        width:100%;
        height:100%;
}
#site-title a span{
visibility:hidden!important;
}
.entry-title span{
  color:#c00000
}
#access ul li.current-menu-item > a,
#access ul li.current_page_item > a{
	color:#c00000!important;
}

#access a:hover {
	background:#FF6600;
	color:white;
}

#access .menu > ul > ul {
	top: 3.693em;
}

.entry-title{
  display:none;
}

Thank you.

Hi nobita,

GREAT NEWS! I successfully uploaded the Scroll to Top-php to the child theme through the host server’s FTP. I changed from Left to Right because I am right-handed. But, I had to install the add-on footer.php (as cited below) to the beginning of the Parent footer.php, in order to make the Scroll to Top work properly as desired.
If my installation is correct, please confirm. Again, with my hearty thanks,

Ken
<p id="page-top" style="position:fixed;right:3px;bottom:0"><a href="#"><img src="https://tenman.info/labo/snip/wp-content/themes/raindrops/images/previous.png" style="-webkit-transform:rotate( 90deg );-moz-transform:rotate( 90deg );-ms-transform:rotate( 90deg );transform:rotate( 90deg );" alt="page top link" /></a></p>

Hi nobita,

I will use the code (https://gist.github.com/tenman/9440678) to create functions.php for the child theme. But how do I upload it to the Template? I copy the code to css and it did not work.

Ken