Remove search function and replace with text

• 

  jjaplanning · Member · Oct 21, 2016 at 10:39 am

  • Copy link
  • Add topic to favorites

  Any advice on how to remove the search button on the top right hand corner of my website and replace it with text “Call 0207 735 6722”, would be fantastic. I don’t need the search function on my website and having the telephone number visible is key.

  Any help would be much appreciated.

  Thanks!

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

• 

  innisfreehomestead · Member · Oct 21, 2016 at 6:53 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  #site-search .search-toggle {
  	display: none;
  }
  
  #site-search::before {
  	content: "Call 0207 735 6722";
  	display: block;
  	padding: 13px 20px 0 0;
  	font-size: 20px;
  }

  Let me know if that doesn’t work!
  Sage

• 

  jjaplanning · Member · Oct 21, 2016 at 9:40 pm

  • Copy link

  Perfect, thank you so much Sage!

  Is there a way of splitting the colouring of the text, so that ‘Call” is in one colour and the number in a different colour?

  Thanks alot
  Jo

• 

  innisfreehomestead · Member · Oct 21, 2016 at 9:59 pm

  • Copy link

  Hey Jo,

  Generally there wouldn’t be a way to specify one word out of the text with this sort of thing…but I figured out a workaround!

  If you take out the previous code I gave you and replace with this:

  #site-search .search-toggle {
  	display: none;
  }
  #site-search::after {
  	content: "0207 735 6722";
  	display: block;
  	padding: 13px 20px 0 0;
  	font-size: 1.1em;
  	color: #717784;
  	font-weight: 600;
  	float: left;
  }
  #site-search::before {
  	content: "Call";
  	display: block;
  	padding: 13px 20px 0 0;
  	font-size: 1.1em;
  	color: #3F74E8;
  	font-weight: 600;
  	float: left;
  }

  Hope that helps!
  Sage

• 

  jjaplanning · Member · Oct 22, 2016 at 6:51 am

  • Copy link

  Thank you so much, that works perfectly!

  Is there anything I can add to the css to make the telephone number clickable?

  Thanks alot
  Jo

• 

  innisfreehomestead · Member · Oct 22, 2016 at 5:11 pm

  • Copy link

  Hi Jo,

  Glad to hear that works! And sorry, but the way it has been added with CSS links can’t be placed in.

  Sorry about that,
  Sage

• 

  jjaplanning · Member · Oct 23, 2016 at 3:26 pm

  • Copy link

  Thanks for all your help Sage, really appreciate it!

• 

  innisfreehomestead · Member · Oct 24, 2016 at 5:38 pm

  • Copy link

  No worries, my pleasure!