Default blog search bar

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:

Justin

117 Posts
18 Reply Likes

Posted 7 years ago

7 years ago

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.

2012-08-01T22:17:36+00:00

Justin

117 Posts
18 Reply Likes

Hi laura
have you got any news :)

2012-08-02T00:33:45+00:00

Sanja

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.

2012-08-02T08:45:04+00:00

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.

7 years ago

Justin

117 Posts
18 Reply Likes

okay thanks Laura :)

7 years ago

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)

7 years ago

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?

7 years ago

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.

7 years ago

Justin

117 Posts
18 Reply Likes

Hi Gop
i'm using the countryside style so not sure if that would affect it :s

2012-08-01T11:32:30+00:00

Gop

7473 Posts
2115 Reply Likes

OK. I'll get back to you. Thanks for giving this info.

2012-08-01T13:14:47+00:00

Justin

117 Posts
18 Reply Likes

ok thanks :)

7 years ago

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 :(

7 years ago

Justin

117 Posts
18 Reply Likes

Thanks Gop
Worked like a charm
i set the padding to about 160 and it worked well :)

2012-08-01T18:51:35+00:00

Gop

7473 Posts
2115 Reply Likes

7 years ago

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?

7 years ago

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.

7 years ago

Justin

117 Posts
18 Reply Likes

ok thanks its

http://auroraflora.co.uk

7 years ago

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.

7 years ago

Justin

117 Posts
18 Reply Likes

Thanks again Gop :)
It works perfectly!

css looks more challenging than html

2012-08-02T22:15:17+00:00

Gop

7473 Posts
2115 Reply Likes

Yes. CSS is easy but it requires an understanding of HTML as it is really styling the HTML.

Related Categories

Yola