Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #537219

    Hi,
    two questions:
    (1) Is it possible to place the search icon and searchbar as shown in the screenshot? http://fs5.directupload.net/images/151117/e9tkvvlt.png
    (2) I do need a transparent background (no color; transparent). I’ve found nothing in settings and my css doesn’t work. Any suggestions?

    Thanks,
    Marcel

    #537447

    Anyone any ideas?

    #537501

    (2) Second question solved by my own: /wp-content/themes/enfold/images/framework-helper/header_transparency.jpg

    (1) Would be great if anyone has an idea how to display the search icon and bar at any position (example: http://fs5.directupload.net/images/151117/e9tkvvlt.png).

    • This reply was modified 9 years, 1 month ago by Mathuseo.
    #537876

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #539405

    Hi Rikard,

    I have sent you the link, marked as private. To see the frontend of the website please type in: 123456 (for both, user name and PW).

    We want to replace the search bar as shown in screenshot above.

    #540653

    Any ideas Rikard?

    #542818

    Hey!

    Please disable the default search icon on Enfold > Header > Extra Elements panel then add this in the functions.php file:

    add_action('ava_inside_main_menu', 'ava_inside_main_menu_mod', 10);
    function ava_inside_main_menu_mod() {
    	ob_start();
    	get_search_form();
    	$form = ob_get_clean();
    
        echo $form;
    }

    Add the css modifications in the Quick CSS field. Example:

    #top #searchform {
        position: absolute;
        right: 0;
        top: 5px;
    }

    Cheers!
    Ismael

    #542911

    Thanks Ismael, it’s working :)

    Last question: How can I disable placeholder for input[type=’text’]?

    #544847

    Hey!

    Try adding this to your custom CSS.

    input::-webkit-input-placeholder { color:transparent; }
    input:-moz-placeholder { color:transparent; } /* FF 4-18 */
    input::-moz-placeholder { color:transparent; } /* FF 19+ */
    input:-ms-input-placeholder { color:transparent; } /* IE 10+ */
    

    Best regards,
    Elliott

    #545033

    Hi Elliot, thanks. Unfortunately that doesn’t work. Is there a way to remove placeholder from HTML for the searchbar?

    #545175

    Hey!

    Authorization required to see your website. Can you please post logins here privately?

    Best regards,
    Yigit

    #545236

    Hey Yigit, sent it as private post.

    #545238

    Hey!

    login does not work for me. Can you check please?

    Regards,
    Andy

    #545285

    Hey Andy, please try this one (private).

    #546517

    I’ve got it. Works fine now, thanks.

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Flexible positioning of the search bar and transparent background of main menu’ is closed to new replies.