font size of customized search bar(in header)

[mawee84Participant]

i cant edit the size of my customized search bar in HEADER.

i also want to be center..

attached is the screenshot my website. pls check.

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi,

Based on the implementation, I would recommend this custom CSS to center the items:

div.asp_sb {
    margin: 0 auto !important;
}

li#menu-item-4588 {
    width: 100%;
}

form.asp-fss-flex {
    justify-content: center;
}

To change the header legend font, use this:

.asp_sb legend {
    font-size: 12px !important;
    line-height: 16px !important;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[mawee84Participant]

Hi, im sorry, im newbie to coding.

Where will i insert this code? In theme options(function-header.php to be specific?)

Or i will just insert the code in the css of ajax pro?

[Ernest MarcinkoKeymaster]

I’m sorry, I forgot to mention that. Apply this code to your theme custom CSS field (if it supports it) or use the custom CSS field on the search plugin back-end.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[mawee84Participant]

i did wat u told. and it works in font size only
i have adjusted the font size, but still, my customed search bar isnt in the right place.

attached is the pic of my menu bar…i want that my customed search bar will be in the header(black background)

PLEASE help..

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

You mean above the menu?
Because beside the menu it does not fit, so the menu automatically breaks a line. If you want to place it above the menu, you might have to directly add it to the theme files (via child theme). In that case, I recommend asking the theme author which file should be edited, or if there is any other way – maybe a widgetized area or something similar.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[mawee84Participant]

i am using ENFOLD Theme.

i have main menu, and i want to place my customed search bar below my MAIN menu(inside the header)

[Ernest MarcinkoKeymaster]

You can try this:

#menu-item-4633 {
    width: 100%;
}
#menu-item-4633 a {
    height: auto !important;
}

.asp_sb_1 {
    /* width: 80vw !important; */
    max-width: none !important;
}

.avia-menu.av-main-nav-wrap {
    min-height: 180px !important;
    height: auto !important;
}

It should look like this: https://i.imgur.com/CGrqE0h.jpeg

Please note that implementation, customization etc.. are not part of the support, so I cannot guarantee a fully working solution for this customization.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[mawee84Participant]

thank you so much.

i did paste it, and yes, its working.

more power! more sales! ajah!

[Author]

Posts