S R

Hmm, no luck so far with getting it to actually be the placeholder. I’m investigating to make sure the Thesis Class Responsive theme is actually supporting the html5 because that is the only thing I can think it would be at this point.

Thanks, Joe!

You are referring to this rule right?

.bop-nav-search .search-submit {
  display: none;
}

I went to my menu and this is what it looks like:
https://prntscr.com/9otrnz
I added the word placeholder in there as you showed in your menu example.

Thanks again and I’ll work on it when I get home.

Sam

Hi Joe,

Here is what happens when I use the new code:
https://prntscr.com/9ot1n2

It doesn’t keep the word “search” as a placeholder but instead uses it as a submit button.

Hmmm.

I am using Thesis 2 so I believe it does support html5

Hi Joe,

Thanks! I’m using Thesis 2.0 so I believe it supports html5 as it is fairly new. I’ll double check though. (I’m fairly confident it is.) Thank you for the updates codepen CSS… I tried it and it seemed like it was going to work but now it does this instead:
https://prntscr.com/9oszqd
I want the word “search” in the box as a placeholder and not as a submit button.

Here is my total code:

#.bop-nav-search {
	position: absolute;
	right: 20px;
	top: 20px;
}

 .bop-nav-search input[name="s"]{
	background-color: transparent;
	background: url("https://howehealth.com/dev1/wp-content/uploads/2016/01/search.gif");
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	border: none;
	cursor: pointer;
	height: 35px;
	margin: 1px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 200ms ease, background 200ms ease, border 200ms ease;
	transition:         width 200ms ease, background 200ms ease, border 200ms ease;
	width: 0;
}

.bop-nav-search input[name="s"]:hover {
	background:url("https://howehealth.com/dev1/wp-content/uploads/2016/01/search_white.gif");
	background-position: 5px center;
	background-repeat: no-repeat;
}

.bop-nav-search input[name="s"]:focus {
	background-color: #d4c19d;
border: 1px #836631(0,0,0,1);
cursor: text;
outline: 0;
width: 150px;
height: 20px;
}

.bop-nav-search input[type="search"] {
  -webkit-appearance: textfield;
}

/*Hide for non-screen-readers*/

.bop-nav-search .screen-reader-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.bop-nav-search .search-submit {
  display: none;
}

I am now having the same problem with using Thesis. It never shows up as an option for my main menu.

Thank you so much for this; I have implemented it on my site. I just need one little change though… I need it to say the word “search” when clicked in the input text box there.
Is there an easy way to add to the code? Thanks!

Hey, I solved my own issue with this bit of code:

#tagline_new {
color: white;
line-height: 1em;
font-style: italic;
font-family: Times New Roman,serif;
font-size: 17px;
padding-left: 239px;
text-align: left;
position: absolute;
top: 6.8em;

However, I still do need a bit of help with a related but different issue. And maybe you have some pointers on this?
How do add another picture element to a header so that is shows up on all the pages except the home page?

This is the home page header:
https://prntscr.com/9nkkwa

This is the other pages header:
https://prntscr.com/9nkkoa

Should I used a Custom feature box or ? I’m a little stumped on this. I can’t just have two different headers because the look needs to change on mobile view (i.e. the circular logo wont’ show at all on the pages in mobile view)
Example for the mobile/small window view:
https://prntscr.com/9nklh0

Thanks!

Hi there,

I can’t disable the privacy thing right now but here are some screenshots:

This is what it looks like now:
https://prntscr.com/9njtpb

This is what I need it to look like:
https://prntscr.com/9ndl2c

Do you have experience moving taglines?
When I add my custom text to the Tagline in Header box, it pushes the header down below the nav menu:
https://prntscr.com/9njwbr

One more question… I’m looking at site that have transparency and I really like that idea. Is there a certain theme that you would recommend for this? Also is there a way to not have the content (blog) area show up on the page?
I could build a site like the one I mentioned above in Dreamweaver very quickly. But I have to do this site in WordPress so my friend can go in later on and edit things himself.

Thank you again for your help!

Andrew,

Thank you for your advice. Is there a certain theme that would be better for building a site like this? I’ve never built a site that had random images scattered around like this one does with such a large background. Your background manager plugin idea is something I will definitely look at!
Also thank you for reminding me to look at the source.
I can see how search engines wouldn’t like it too much. This site belongs to a highly popular company so I’m surprised they didn’t do a better job of it. I want my client’s site to be picked up well by search engines. I’ll be doing all I can to get him the exposure he needs/wants.

Thanks again,
Sam

Thanks for the insight and input, geky.

Looks like my best bet might be switching themes… the cart works properly in Weaver so I may switch her theme over tonight.

Here is the inactive shortcode cart plugin file:
https://prntscr.com/32192f

Maybe I’m wrong, but I don’t think this should be inactive….

thanks, geky for your advice
I thought it was worth a try but then I couldn’t fine the templates/cart
Here is what my cart page looks like:
https://prntscr.com/320phd
It’s not even showing what is in the cart. =/

I was clicking on some of the plugin files that I could edit and I noticed a lot of them are “inactive” so maybe that is my problem?

I am having similar issues where my cart won’t advance to billing/shipping. I am using Dusk to Dawn theme (but recently switched over to child theme) When I am running regular Dusk to Dawn and I update the theme, the shopping cart seems to function properly. But I had to switch over to a child theme due to wanting to keep my highly customized layout. So…. I am looking to fix it. Otherwise, I may have to switch over to a different theme (Weaver?) and that will entail a LOT of work.

If anyone can help, that would be great. I can do some coding changes if necessary.

Please, can someone offer some advice? Thanks!