How do I move "Search this site"

How do I move "Search this site"

SomaDevelopers 13 Jan 2009 14:43

Right now "Search This Site" is showing up on the top bar of my site… I've looked at the nav:top code and It isn't contained anywhere in there… how do I move search this site?
Can I put it on the bottom of the page? on the side bar?

Re: How do I move "Search this site"

RobElliott 13 Jan 2009 14:59

Yes, it's all possible by altering your custom CSS. A discussion about it is at http://community.wikidot.com/forum/t-45298/search-box.
Rob

---

Rob Elliott - Strathpeffer, Scotland - member of the Wikidot first line support team.
Strathview ~ Wikidot-based wikis, websites & intranets and online database development
community groups, villages, charities, business and government.

Re: How do I move "Search this site"

SomaDevelopers 13 Jan 2009 15:03

Strathview, thanks!

I also just found that adding:

#search-top-box {
display: none;
}

to my CSS removes it…

Unfortunately the top:nav menu doesn't shift right to occupy the freed up space :-(

Re: How do I move "Search this site"

Ed Johnson 13 Jan 2009 17:14

In most themes, the #top-bar element is positioned absolutely (position: absolute;). so if you set the left position to auto and play with the right position a bit until your drop-down items don't crash into the right side of the page, it should work pretty well. For example, add something like this to your custom theme's CSS:

#top-bar {
     left: auto;
     right: 2em;
}

-Ed

---

Free Wikidot Applications · Your Shared Photo Gallery · Your Personal Blog

Re: How do I move "Search this site"

aubreyhiers 14 Jan 2009 00:17

what does

em

stand for?

Re: How do I move "Search this site"

slayton 14 Jan 2009 00:20

Ed,
That did the trick!

I've got a lot to learn about css!

Re: How do I move "Search this site"

noahbaby94 14 Jan 2009 00:42

@aubreyhiers
This should show you everything you need to know about it.

---

Join Codeworld.
Also check out my blog.

Re: What does "em" stand for?

Helmuti_pdorf 14 Jan 2009 07:32

what does

em

stand for?

In CSS-Style sheets / or commands) there are two ways to define "letter-values" or "Screen"-values:

• Absolute values ( decimals possible!) :
  • pt - a point
  • pc - Pica = 12pt
  • in - inch
  • mn - milimeter
  • cm - centimeter
• Realtive values( relative to other values):
  • px - pixel
  • em - relative to the font-"height"
  • ex - relative to the font-height of the letter "x"
  • % - percentage of the "standard" sizes on the screen (or block)

Hope this helps a litttle ?

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Re: What does "em" stand for?

Squark 14 Jan 2009 09:02

Thanks Helmuti for the good and rich answer. I will just add it in a bit simpler way.

E.g. if you have set body font height to 10px (10 pixels), the 1em in the document will be 10px, 0.5 em will be 5px and 10em will be 100px. It's useful, because you can change font size of the whole by changing just body font size and the rest will change automagically.

---

Łukasz Tarka
Project Manager / Community Manager
e-mail: moc.todikiw|zsakul#moc.todikiw|zsakul
Need help? Send e-mail at moc.todikiw|troppus#moc.todikiw|troppus