regarding quick search

Currently reading:
regarding quick search

maszd

cXF Pack C
cXF Pack B
cXF Donor
May 20, 2015
109
42
Hi, @BassMan
its possible to put quicksearch on forum header with sticky navigation?

like this one with fa icon :

and when sticky navigation active its auto moved below username, inbox and alert.
thank you.

best regards,
maszd
 

BassMan

Staff member
Administrator
May 18, 2015
1,190
784
Hi @maszd ,

add this to your EXTRA.css template:

Code:
#QuickSearch .primaryControls:before {
    font-family: FontAwesome;
    position: relative;
    content: "\f002";
    color: #ffffff;
    float: right;
    background: #247EB3;
    padding: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
Result on default style:

upload_2017-5-10_10-4-20.png


If you need additional adjustments for your site, let me know.
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.

maszd

cXF Pack C
cXF Pack B
cXF Donor
May 20, 2015
109
42
Hi @BassMan
working fine but looking glass icon bit height than search bar like this:

how to make this same height?
thank you.
 

BassMan

Staff member
Administrator
May 18, 2015
1,190
784
Descrease padding, maybe you'll need to add some top too. With url and search access I can give you exact code.
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Search forums

Top