Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 17, 2015 at 11:28 am #537219
    Mathuseo

    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

    November 17, 2015 at 5:21 pm #537447
    Mathuseo

    Anyone any ideas?

    November 17, 2015 at 5:46 pm #537501
    Mathuseo

    (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 ago by Mathuseo.
    November 18, 2015 at 8:50 am #537876
    Rikard

    Hi,

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

    Regards,
    Rikard

    November 20, 2015 at 10:45 am #539405
    Mathuseo

    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.

    November 23, 2015 at 11:56 am #540653
    Mathuseo

    Any ideas Rikard?

    November 26, 2015 at 3:23 am #542818
    Ismael

    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

    November 26, 2015 at 9:01 am #542911
    Mathuseo

    Thanks Ismael, it’s working :)

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

    November 30, 2015 at 10:28 pm #544847
    Elliott

    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

    December 1, 2015 at 10:37 am #545033
    Mathuseo

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

    December 1, 2015 at 2:25 pm #545175
    Yigit

    Hey!

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

    Best regards,
    Yigit

    December 1, 2015 at 3:08 pm #545236
    Mathuseo

    Hey Yigit, sent it as private post.

    December 1, 2015 at 3:10 pm #545238
    Andy

    Hey!

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

    Regards,
    Andy

    December 1, 2015 at 3:38 pm #545285
    Mathuseo

    Hey Andy, please try this one (private).

    December 3, 2015 at 5:15 pm #546517
    Mathuseo

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

  • Author
    Posts
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.