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 mawee84 mawee84 2 years, 2 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #28649
    mawee84
    mawee84
    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
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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
    mawee84
    mawee84
    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
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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
    mawee84
    mawee84
    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
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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
    mawee84
    mawee84
    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
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

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