change htlm before editing css

• 

  examplemanu · Member · Dec 21, 2016 at 11:15 am

  • Copy link
  • Add topic to favorites

  Hi,
  How can I change the htlm of the header (<div class=”site-branding”>) in my website (https://paroissemontaigulabruffiere.com/) to add a new search box (https://www.formget.com/wp-content/uploads/2014/12/Search-2.png).
  I need to change htlm before editing css:
  <form class=”searchbox_1″ action=””>
  <input type=”search” class=”search_1″ placeholder=”Search” />
  <button type=”submit” class=”submit_1″ value=”search”> </button>

  Is it possible?
  Thank you very much

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 21, 2016 at 9:32 pm

  • Copy link

  Hi there, we cannot edit the theme files here at WordPress.com.

• 

  thesacredpath · Member · Dec 21, 2016 at 9:33 pm

  • Copy link

  If you can explain what it is you are wanting to do, perhaps I can come up with a workaround for you.

• 

  examplemanu · Member · Dec 23, 2016 at 2:03 pm

  • Copy link

  Hi,
  I would like to add a search area in the header. I already include a search field in the header. I would like to add a submit button without the word “RECHERCHER” but with only a magnifying glass.
  Thanks

• 

  thesacredpath · Member · Dec 23, 2016 at 9:01 pm

  • Copy link

  Thanks for the clarification. We cannot use CSS to add a working search submit button, but in looking over your custom CSS, I have a couple of suggestions. First off, remove this from your custom CSS as it is actually repositioning all buttons of any kind.

  input[type=text],input[type="email"],input[type="password"],input[type="search"],input[type="reset"],input[type="url"] {
  	width:100%;
  	position:absolute;
  	top:7px;
  	right:.5cm;
  	color:#DEB887
  }

  What we want to do is to actually reposition the entire widget, not just the input form in it, so add the following to your custom CSS at the very bottom below all other CSS.

  #search-16 {
  	position: absolute;
  	top: 10px;
  	right: 4%
  }
  .widget_search .search-field {
  	width: 150px;
  }
  #page {
  	position: relative;
  }

  See what you think with that. The form field within the widget has “RECHERCHE…” which is about the best we can do.