Default blog search bar

  • 1
  • Question
  • Updated 6 years ago
How would change the default words in the blog search bar as it currently says 'search posts' but as i am using the blog page as a way of keeping many pages in a tidy place i need to change it so it just says 'search'

here is an example of what i mean. In case i wasn't clear enough:
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes

Posted 6 years ago

  • 1
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Justin,

I'm not sure if or how this can be done. I'll check in with a colleague and one of us will update you here.
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
Hi laura
have you got any news :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Justin,

Thanks for your patience. Laura has asked if I might be able to assist with this. I have tried multiple things to see if I could achieve what you're asking. Unfortunately, I was not successful in my attempts.

I am sorry but I do not have a way to address this. I wish I had better news for you.
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
thats ok its not a major thing but it would look a bit better that's all.

could that be added as a suggestion so that when you go to the edit button on the search widget you get the option to change the default text.
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
okay thanks Laura :)
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
also i know its not related but do you know if there is a way of moving the navigation bar down a bit (i expect its a css edit but haven't got a clue how to do it)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Sitesearch "Freefind" offers a free plain search facility that works well with Yola blogs. Reports come in regularly as well

http://www.freefind.com/

What Style are you using for your site where you wish to move the nav bar?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Replace the first margin value with the vertical offset you want. This is for Squeaky Clean Style.

CSS over-ride

#menu {
border-bottom: 1px solid #colour code; (This is the horizontal line under the navigation that runs the width of the page. It may be deleted altogether if preferred)
margin: 0px 5px; (The default vertical offset is at 0 px and can be changed to whatever)
}


If this is associated with the previous {header code} on your other thread, then you will probably need to add a vertical offset to that as well because the two DIV's are not linked, they are independent.(I think) Let me know as I will need to modify that code.
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
Hi Gop
i'm using the countryside style so not sure if that would affect it :s
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
OK. I'll get back to you. Thanks for giving this info.
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
ok thanks :)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
div.ys_heading {
background: {default}; Don't alter your default for the countryside background. I already had and didn't want to return it
margin: 0 auto;
padding: 10px 0 20px;
text-align: left;
width: 956px;
}
* {
text-decoration: none;
}


Cheap and nasty!

Change the padding here where the 20px is and this will increase the transparent space around the heading.and pushing the navigation down.

I couldn't find the spacing for the navigation :(
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
Thanks Gop
Worked like a charm
i set the padding to about 160 and it worked well :)
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
Hi Gop
the navigation bar is perfectly in place but is there a way to make the gap between the navigation bar and the main content smaller as it has grown since editing the css?

Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
There's probably a padding statement either/both below the nav menu and/or above the body.

Is your site published? I would need an X-ray so if you can publish and tell me the address I will take a look.
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Here it is Justin,

div.top_space_holder {
background: none repeat scroll 0 0 transparent;
height: 250px;
margin: 0 auto;
width: 100%;
}
* {
text-decoration: none;
}
* {
margin: 0;
padding: 0;
text-decoration: none;
}


Change the height:250px; to your preference.
Photo of Justin

Justin

  • 117 Posts
  • 18 Reply Likes
Thanks again Gop :)
It works perfectly!

css looks more challenging than html
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Yes. CSS is easy but it requires an understanding of HTML as it is really styling the HTML.