[MOINLABParticipant]

Hi, Themeco.
Thank you for providing me this wonderful and great WordPress Theme for my online activities.

My making my wordpress website: http://www.moinlab.com
with Buddy press, BB Press, and their supporting plugins.

I recently found two technical issues, after I installed and activated <Buddypress Global Search> plugin.

1. Because of X-theme’s full screen NavSearch feature, the drop-down of Global Search bars are useless.
2. the search results are now showing properly. it only shows what items were found in text forms.

is there any solution I can fix this problem?
X-theme’s NavSearch is really cool feature, but full screen search bar is not my mandatory feature for searching because it blocks every contents behind..

Thank you very much, and I will look forward your reply.

[Paul RModerator]

Hi,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do , we’ll be happy to provide you with a response once we have a better understanding of the situation.

[MOINLABParticipant]

Hmm.. My explanation is not good as web developers cause I just started making a website from zero knowledge of web developing.
What I want to do is, rather using search bar in right side of the header than using full screen X-theme search feature instead.

Because the full screen search popup blocks Global Search boxes, which drops down when I try to type something.

[JackKeymaster]

Hi there @moinlab,

Thanks for writing back, did you want to disable X’s full screen search, or make the bbpress search act the same the same way? 🙂

Please advise.

Thank you!

[MOINLABParticipant]

I want to disable X’s Full screen search and, put a new search bar on right side of the header in my page. 🙂

[JackKeymaster]

Hi there,

Thanks for writing back! 🙂

Try adding the following CSS under “Customize > Custom > CSS”.

.x-searchform-overlay {
    top: 25% !important;
    left: 50% !important;
    width: 50% !important;
    height: 50% !important;
    margin-left: -25% !important;
}

Thank you!

[MOINLABParticipant]

Thank you soooooo much!!! it works really well!!
There is one more thing that I need to ask. Is it possible to edit the font size in smaller scale?
I felt it is too large for scaled down search form.

[MOINLABParticipant]

Oh!! I found it!!

the CSS:

.x-searchform-overlay .form-search .search-query {
font-size: 30px;
}

works!! Thank you very much for helping me out!!!
Big respect!!

[JackKeymaster]

You’re most welcome MOINLAB! Glad we could help. 🙂

[Author]

Posts