How do I move "Search this site"

How do I move "Search this site"

SomaDevelopers 1231857826|%e %b %Y, %H:%M %Z|agohover

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 1231858767|%e %b %Y, %H:%M %Z|agohover

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

---

Re: How do I move "Search this site"

SomaDevelopers 1231859016|%e %b %Y, %H:%M %Z|agohover

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 1231866890|%e %b %Y, %H:%M %Z|agohover

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 1231892274|%e %b %Y, %H:%M %Z|agohover

what does

em

stand for?

Re: How do I move "Search this site"

slayton 1231892435|%e %b %Y, %H:%M %Z|agohover

Ed,
That did the trick!

I've got a lot to learn about css!

Re: How do I move "Search this site"

noahbaby94 1231893724|%e %b %Y, %H:%M %Z|agohover

@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 1231918360|%e %b %Y, %H:%M %Z|agohover

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, www.zusi.de (Demo-Video)

Wollen Sie Wikidot helfen im deutschen » Handbuch ?

Re: What does "em" stand for?

Squark 1231923731|%e %b %Y, %H:%M %Z|agohover

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.

---

my blog
squarkDesign - grafika komputerowa
rTechnologies - strony www