font size of customized search bar(in header)

Home Forums Product Support Forums Ajax Search Pro for WordPress Support font size of customized search bar(in header)

This topic contains 8 replies, has 2 voices, and was last updated by

 
Participant
1 year, 6 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #28649

    Participant

    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.
    #28655

    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 :)


    #28663

    Participant

    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?

    #28669

    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 :)


    #28670

    Participant

    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.
    #28673

    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 :)


    #28674

    Participant

    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)

    #28676

    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 :)


    #28678

    Participant

    thank you so much.

    i did paste it, and yes, its working.

    more power! more sales! ajah!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.