Reposition and text box creation in the blog

• 

  gofromarketing · Member · Nov 29, 2016 at 6:19 am

  • Copy link
  • Add topic to favorites

  I have a search icon on the top of my blog and it looks like this.
  http://prnt.sc/dd2p24

  I want to re-position the search icon in the middle of the screen along with creating a text-field for taking input that normally happens when someone clicks on the search icon. Here is a mock of what is the desired behavior.

  http://prnt.sc/dd2may

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

• 

  thesacredpath · Member · Dec 1, 2016 at 6:49 pm

  • Copy link

  Hi there, the placeholder text within the search box is set in a way where we cannot change it with CSS. It is set in the theme/WordPress core files and those cannot be edited at WordPress.com.

• 

  thesacredpath · Member · Dec 1, 2016 at 6:52 pm

  • Copy link

  You know, it did just occur to me that we could use CSS to add some text above the search input field. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think.

  .search-curtain-form:before {
      display: block;
      content: "Getaways in Dubai...";
  }