Status
Not open for further replies.
T

tfmore

  • 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

Pixel Exit Staff
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?
 
T

tfmore

  • tfmore
For us, this is what 5 does. Attached.
 

Attachments

  • 5.jpg
    5.jpg
    104.3 KB · Views: 5
T

tfmore

  • 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.
 

Attachments

  • 4.jpg
    4.jpg
    101.3 KB · Views: 5

Russ

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

Code:
top: -40px;

Of course you may need to tinker with the value.
 
T

tfmore

  • 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

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

Try this in extra.css:

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

it'll target logged out users only.
 
T

tfmore

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

Russ

Pixel Exit Staff
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.
 
T

tfmore

  • 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
 
T

tfmore

  • 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.
 

Attachments

  • settings.jpg
    settings.jpg
    186.6 KB · Views: 4

Russ

Pixel Exit Staff
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.
 
T

tfmore

  • 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.
 

Attachments

  • width.jpg
    width.jpg
    68.6 KB · Views: 4
T

tfmore

  • 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.
 

Attachments

  • width-2.jpg
    width-2.jpg
    70.9 KB · Views: 3
T

tfmore

  • 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
 
Status
Not open for further replies.

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.