Solved Ticket Quick Search

[tfmore]

Hi Russ,
In regard to the quick search, we're trying to figure out how to have the styling of #4 (from [XB] Quick Search > Quick Search Location), but place it on the right side of the main tabs bar. Is this possible?

Thanks

 

[Russ]

On the newer versions of XenBase option 5 would be on the right side of the visitor tabs, is that what you're looking for?

 

[tfmore]

For us, this is what 5 does. Attached.

 

[tfmore]

...while logged in that is.

 

[Russ]

Where is 4 setup at for you?

 

[tfmore]

Sorry about that delay Russ. 4 is Attached. Although when logged out, it's in the exact position we'd like it to be.

 

[Russ]

Set it to option 2, then you can adjust the top value in Quick Search CSS

top: -40px;

Of course you may need to tinker with the value.

 

[tfmore]

Thank you, that almost solves it. Only thing is, when not logged in, the bar now forces away the login/sign up links. As you can see now.

But when logged in it's right above the side column where we want it.

 

[Russ]

top: -85px; looks like it'll put it in the nav.

Try this in extra.css:

@media (min-width:@maxResponsiveMediumWidth) {
.LoggedOut #QuickSearch {
  right: 165px;
}

it'll target logged out users only.

 

[tfmore]

Thank you! I wont even tell you how long we've been trying to figure this out.

 

[Russ]

Thank you! I wont even tell you how long we've been trying to figure this out.

The quick search locations are a little picky... and they stick with the visitor tabs hence they were going up into the moderator bar.

 

[tfmore]

I guess before positioning it permanently we should have removed that extra white area around the box. From [XB] Quick Search > Quick Search I've tried removing it by adjusting all those settings, but still no luck. Is there more Search Bar settings somewhere that target this specifically?

Thanks

 

[tfmore]

targets*

 

[Russ]

Check here, clear the background here:

 

[tfmore]

We did test it that way actually, but noticed the right side (when active/engaged) has extra space, and the search field doesn't quite jive, when we try to increase the width just like the width of the section headings below it. We're trying to make both of these elements line up perfect and match, horizontally. I have a feeling that achieving this takes more than just increasing the width there.

 

[Russ]

Remove the width there, set a width on the Quick Search Text Field (2 options down from your screenshot), this will expand the menu appropriately.

 

[tfmore]

Thank you. Doing this did make it the same width I believe, but it's kinda doing the same thing we saw last time. Screenshot attached.

 

[Russ]

Try removing that margin-right, 10px; on the main quick search CSS.

 

[tfmore]

It now looks like this. The section boxes are 250px wide, and I've doubled checked to make sure the Quick Search Text Field is also set to 250px, and that the margin is removed.

 

[tfmore]

That margin to the right of the search field is the same width as the margin left side of the page, but since we're attempting to make it's (search field) width and horizontal position that of the custom sized sections below it, it will take some css code match them up properly. Is this warm, Russ?

Thanks