wen.wainwright

There is no one answer for this if anyone else happens to wind up here on this thread. You can, as it says in the codex, just have a style.css file to create a child theme. It does need the text as shown here.

after that you can upload any additional templates as needed. I use cyberduck and just click on the folder under content-themes-my child theme and upload them there. Although the child theme has to be a zip file to upload it I haven’t had any trouble uploading individual templates to my child theme without zipping them. Do note that the you cannot cut and paste the functions.php file.

Well I haven’t heard back from anyone in regards as to whether this would be considered “best practices” but it hasn’t seem to break anything else either so I’m going to go ahead and mark it “resolved.”

perfect! thank you!

I resolved the problem of the floating menu button however I’m not sure that the way I did it won’t hurt anything else.

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
       display: none;
}

I checked through the rest of the code to see if possibly I’ve hurt something else. Under @media screen and (min-width: 600px) it says:

.menu-toggle {
        display: none;
}

So I suppose as long as I didn’t want it anywhere else either this is ok?

@abhishek Ghosh – Thank you so much for you help ?? I was able to do it with the text widget and the second bit of code. I’m hoping I’ll be able to do it again after widgetizing an area. If someone else comes across this I drug the “text” widget (appearances –> widgets) to the main sidebar. I then copied the code above and pasted it into the text box area. I didn’t add a title because I put text in the box instead. The code above puts the word “search” in the box.

<form id="searchform" method="get" action="search.php">
<input class="textbox" value="Search" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" type="text">
<input type="submit" id="searchsubmit" value="" class="searchsubmit" />
</form>

[Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

If you want the text inside the search form (box) to say something besides search then wherever you see the word “Search” with a capital S type your text instead. Do not change any of the quotations marks, etc. Apologies to those who are cringing at my super technical explanation!

I know it’s not. There is something wrong at Dreamhost that they haven’t resolved yet. My site is stuck in no man’s land or something. Hopefully they resolve it soon. Should I come back to this post if I can’t resolve the issue once I have the site back or start a new post?

Oh, it looks like the “postinfo” is somewhere in the header and not in the navigation when I look at the errors, is that correct? The problem with the images is most likely from importing the entire thing from Blogger. If “postinfo” is just located in the wrong place I can fix that. If it’s a bigger issue I appreciate any insight and help! You two are being awesome about helping me, I really appreciate it!

Still clueless on the floating menu button…again, is it just a display: none; type problem? Is it from the @media queries part? Truly I have no idea what to do with it. I got rid of it previously – long before I started this forum post – but I don’t remember how and I’m sure it was a disaster in terms of styles.

Oh, also I don’t understand why the postinfo is working if there are so many problems with it? What does that mean if it’s still working? Is it just poor code/styles?

@wpyogi – any suggestions in regards to the “postinfo?” That is the result of my wanting to move the meta data to under the title rather than below the post. I tried to name it something I hadn’t seen elsewhere. Is it the name that is a problem, where it’s located, or the whole thing altogether? If it’s the whole thing do you have a suggestion about how to move that meta data up under the title?

Yes, o.k. The green is harder to see in Chrome on my screen for some reason. They were always green in safari and firefox. What should I do about the floating menu button? Is there something that needs to be display: none; – or something like that?

I did. And again for good measure! It didn’t help.

I fixed all of those things. The searchform is fine. The floating menu button is still floating and the css style to make the top navigation button/links in the top nav bar are fine in firefox (darker green and then a lighter green on hover) and still gray in google chrome…

I took all of my note type things out of the style.css (child). This made the green reappear in the top nav in Firefox but it’s still not working in Chrome. And the random floating menu button is still randomly floating in the header…

I took out everything related to the search form. I added this to the style sheet (child), taken from the twenty twelve style.css:

.main-navigation a {
color: #1e8239; /* #5e5e5e */
}
.main-navigation a:hover {
color: 35e865; /* #21759b */
}

Taking out the search form and using the styles from the parent theme and just changing the colors didn’t turn the gray into green in the top nav bar menu buttons/links (not sure exactly the best way to refer to them). I know that there are probably other places in the style sheet that are overriding these two bits of style…in the meantime is it possible that my header image is contributing to all of these problems? I also moved “leave a reply” to beneath the post and it’s not working correctly either. I didn’t mention it before since I figured whatever fixed the top nav could also be used to figure out how to fix it. Maybe changing the order of the header to above the navigation and the leave a reply to the bottom of the post is causing my problems? This is where we are now: https://strongerwithjeng.com

I’m sorry, I meant I had added other code to the header.php to add that search form and then I had added styles to go along with it to the style.css – both in the child theme. In the header I had added this:

I added this code to right after this so:
<header id=”masthead” class=”site-header” role=”banner”>
then this:

<div class=”alignright”>
<?php get_search_form(); ?>
</div><!– .alignright –>

And in the style sheet I had added this:

input#searchsubmit {
border-top-left-radius: 1px;
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
font-family: Arial, Helvetica, sans-serif; /* inherit */
}
.site-header #s {
width: 55%; /** 60%/53.66666666666%; **/
/* define a width to avoid dropping a wider submit button */
}
.site-header #searchform {
margin-right: 50px;
margin-right: 3.57142857rem;
}

I wasn’t having any trouble with the search form, but I can’t get my styles to appear correctly in the top navigation bar in Google Chrome.